IT新手入门,零基础学IT,转行做IT,IT行业的职位选择,你我一同探讨!

IT新手入门网给你介绍IT行业的职位有哪些,让你转行做IT不发愁,IT入门有捷径

当前位置: 主页 > 技能提升 > HTML5/前端互联网工程师 > javascript基本语法和常亮变量的介绍(十)

javascript基本语法和常亮变量的介绍(十)

时间:2017-01-24 10:24来源:原创 作者:恪己 点击:
Javascript Basic ********************* 1、Javascript 概述(了解) 2、Javascript 基础语法(重点) 3、变量和常量(重难点) 4、数据类型 *********************** 一、Javascript 概述 1、什么是Javascript Javascript,简称
Javascript Basic
*********************
一、Javascript  概述(了解)
二、Javascript 基础语法(重点)
三、变量和常量(重难点)
四、数据类型
***********************
一、Javascript 概述
1、什么是Javascript
Javascript,简称为 JS
是一种运行与JS解释器/引擎中的解释型脚本语言
运行环境:
(1)、独立安装的JS解释器(NodeJS)
(2)、嵌入在[浏览器]内核中JS解释器
解释型:
运行之前是不需要编译的,运行之前不会检查错误,直到碰到错误为止。
编译型:
对源码进行编译,还能检查语法错误 
JS使用场合:
PC机,手机,平板,机顶盒
2、JS发展史
(1)、1992年,Nombas 为自己的软件 开发了一款脚本语言 ScriptEase,可以嵌入在网页中的。
(2)、1995年,Netscape(网景) 开发了 LiveScript,更名为 Javascript,与Java 没有任何关系的。
(3)、1996年,Microsoft , IE3.0 发布了 JS克隆版 --> JScript
(4)、1997年,JS1.1版本 被作为 草案 提交给了 ECMA(欧洲计算机制造商协会),ECMAScript(ES)标准
3、JS组成
完整的JS是由三部分组成:
(1)、核心(ECMAScript)
(2)、文档对象模型(DOM,Document Object Model)
让JS有能力与网页进行对话
(3)、浏览器对象模型(BOM,Browser Object Model)
让JS有能力与浏览器进行对话
4、JS特点
(1)、开发工具简单,记事本即可
(2)、无需编译,直接由JS引擎负责执行
(3)、弱类型语言
由数据来决定数据类型
(4)、面向对象
用途:
(1)、客户端(浏览器)
1)、客户端数据计算
2)、表单控件输入验证
3)、浏览器的事件触发和处理
4)、网页特效
5)、服务器异步数据提交
(2)、服务器端
1)、分布式运算
2)、实时服务器
3)、窗口应用
4)、网络应用
二、JS基础语法
1、浏览器内核
作用
负责页面内容的渲染。
内核主要由两部分组成:
(1)、内容排版引擎
解析HTML和CSS
(2)、脚本解释引擎
解析Javascript
(1)、Microsoft IE
内核:Trident
内容排版引擎:-
脚本解释引擎:Chakra
(2)、Mozilla Firefox
内核:Gecko
内容排版引擎:-
脚本解释引擎:Monkey(猴子)系列
(3)、Apple Safari
内核:Webkit
内容排版引擎:Webcore
脚本解释引擎:Nitro
(4)、Google Chrome
内核:Webkit
内容排版引擎:Webcore
脚本解释引擎:V8
(5)、Opera
内核:Presto
内容排版引擎:-
脚本解释引擎:Carakan
2013年之后:
内核:Webkit
内容排版引擎:Webcore
脚本解释引擎:V8
2、JS运行环境
(1)、独立安装JS引擎
NodeJS
console.log("Hello World");
向控制台 打印一句话
(2)、嵌入在浏览器内核中的引擎
1)、直接在浏览器Console中输入并执行JS
2)、将JS脚本嵌入在HTML页面中执行
①、将JS代码嵌入在元素"事件"中
*事件
onclick : 当单击元素时所做的操作
<div id="" onclick="JS代码">xxx</div>
②、将JS代码嵌入在<script>标记中
*<script></script>
允许出现网页的任意位置处
③、将JS代码写在外部脚本文件中(**.js)
*创建 js 文件,并编写JS代码
***.js
*在页面中 引入 js文件
<script src="js文件路径"></script>
注意:
<script src=""></script>
该对标记中,是不允许出现任何内容的
<script src="a.js">
console.log();
</script>
以上代码是错误的。
3、JS调试
(1)、JS的代码错误
解释型语言:
如果某行代码出现错误,则终止解释器的此次执行,但是不会影响后续块的执行,以及后续的HTML元素的解析。
4、语法规范
(1)、语句
允许被JS引擎所解释的代码
使用 分号 来表示结束
console.log();
document.write();
大小写敏感
console.log(); 正确
Console.log(); 错误
英文标点符号
console.log(""); 正确
console.log(“”);错误
由表达式、关键字、运算符 组成
(2)、注释
单行注释: //
多行注释: /*  */

     

------分隔线----------------------------
栏目列表
推荐内容