Javascript 第一天
WEB编程
前端：
html 框架
css 样式
js 特效
HTML5 = html新标签 + CSS3 + JavaScript + api
后端：PHP JSP ASP.net python go node.js
JS第一天 基本语法
1. javascript 简介
1.1 什么是javascript
1.1.1 概念：javascript是 基于对象 和 事件驱动 并具有相对安全性的 客户端 脚本 语言
1.1.2 发展简史：
① Nombas公司1992年开发 嵌入式脚本语言 C-- 后改名 ScriptEase
② Netscape公司 1995年发布LiveScript 后改名javascript1.0
③ 三足鼎立 NetScape推出javascript1.1后，Microsoft推出Jscript, 加上 ScriptEase
④ 标准化 1997javascript1.1 作为草案 提交给 ECMA（欧洲计算机制造商协会） 。由来自 Netscape、Sun、
微软、Borland 和其他一些对脚本编程感兴趣的公司的程序员组成的 TC39 锤炼出了 ECMA-262，该标准
定义了名为 ECMAScript 的全新脚本语言。
1.1.3 组成：核心（ECMAScript） 文档对象模型（DOM） 浏览器对象模型（BOM）
1.1.4 客户端浏览器上执行的脚本 JavaScript VBScript applet（需要安装JDK）
1.1.5 ECMAScript核心: JavaScript ActionScript ScriptEase
1.1.6 扩展
服务端： node.js
APP： phonegap
1.1.7 课程
1、JavaScript 基本语法
2、JavaScript 函数 数组
3、JavaScript 对象
4、事件
5、BOM 浏览器对象模型
6、HTML DOM
7、XML DOM
8、AJAX 异步
9-11、jQuery
12、bootstrap
1.1.8 浏览器
IE IE 11 10 9 8
非IE
谷歌 苹果 火狐 欧朋
壳浏览器
360 搜狗 猎豹 2345 。。。。
1.2 javascript的特点
①.javascript是一种脚本编程语言，也是一种解释性语言
②.javascript的语法结构与C++、java十分类似 PHP醉相思
③.javascript是一种基于对象的语言
④.javascript具有跨平台性。
⑤.安全性与简单性
⑥ 基于对象（真正的对象 封装 继承 多态）
1.3 javascript 和 java的区别
雷锋和雷峰塔区别
1.4 javascript 程序运行开发环境
1.NetScape.3.0 以上版本和IE3.0 以上版本
2.用于编辑HTML的字符编辑器
1.5 javascript 优点与局限
1.5.1 优点
①使用javascript在客户端进行验证，节省服务器资源
②方便的操控页面中的各个对象，使网页更加友好
③使多种任务仅在客户端就可以完成而不需要网络和服务器的参与，从而支持分布式的运算和处理
1.5.2 局限
①兼容性
②javascript不能打开，读写和保存计算机上的文件
2. javascript基本语法
2.1 在HTML中使用javascript
① 直接在HTML 中写入<script>标签
② 用js文件引入 标签内部不能在写入js代码
③ 通过在标签中嵌入 事件的方式调用js代码
console.log() /在控制台（F12）
2.2 基本语法
2.2.1 区分大小写
PHP 不区分 系统函数 函数 类名
区分 常量 变量
JS 全部严格区分
2.2.2 命名规则
不允许数字开后
数字字母下划线 $
2.3 注释
// 单行
/*
多行
*/
2.4 语句（指令结束符）
;
龙哥推荐 所有行结束都加; 利国利民
2.5 关键字和保留字
break else new var
case finally return void
catch for switch while
······
abstract enum int short
······
2.4 变量
var 变量名[ = 变量值];
var a = 1,b = 2,c = 3;
2.5 数据类型
PHP数据类型：
四大标量： 整型 浮点型 布尔型 字符串型
复合类型： 数组 对象
特殊类型: NULL 资源
exit;
js：
对象：
非对象：
基本类型： 数字 字符串 布尔
原始类型： null undefined
2.5.1 数据类型 typeof() 返回值或者变量的数据类型
2.5.2 字符串类型
定义字符串 "" ''
都不能解析变量
但双引号嵌套
具体属性值 习惯用双引号 document.write('<img src="">')
解释转义字符
2.5.2 数值类型
① 整数类型 十进制 十六进制 八进制
② 浮点型 科学计数法 浮点数的精度问题
③ 数值范围 5e324 ~ 1.7976931348623157e+308 超过范围回自动转换成 infinity(正无穷) -infinity(负无穷)
可以使用 *isFinity() 验证是不是无穷 超出范围不能参与运算
④ NaN类型 Not a Number
① NaN与任何数字操作，结果都是NaN
② NaN与任何数都不相等，包括自己
③ 函数 isNaN() 判断是否是NaN 判断该值被强制转换为数字时 是否显示为NaN
⑤ Number类型转换
特点： 1. 如果是布尔值，true和false分别转换为1和0
2. 数字，本色出演
3. null -> 0
4. undifined -> NaN
5. 字符串：
a. “11”会变成11，“011”会变成11
b. “1.1”会变成1.1
c. “0xf”会变成相同大小的十进制整数值
d. 如果字符串是空的，则将其转换为0
e. 如果字符串包含除上述格式之外的字符，则将其转换成NaN
f. '12e2' => 1200
⑥ ParseInt类型转换
特点：
1. 数字开头的字符串，忽略后面的字母
2. 0x开头回转换成十六进制， 0不可以
3. 科学计数法无法行,忽略后面的字母
4. 空字符串 NaN
5. null true false NaN
⑦ parseFloat类型转换
特点：1. 第一个小数点有效，第二个无效
2. 数字开头的字符串，忽略后面的字母
3. 科学计数法有效
4. 16进制转换为0
5. 八进制 ，忽略前面的0， 无法换算八进制
2.5.3 其他数据类型
2.5.3 隐式数据类型转换
①数字类型： 在字符串环境下 隐身转换为字符串 在布尔环境下
②字符串类型：在数字环境下，可以隐式转换为字符串中的数字或NaN；在布尔环境下，可以隐式转换为true。
③空字符串：在数字环境下可以隐式转换为0；在布尔环境下可以隐式转换为false;
④字符串”true“：在数字环境下可以隐式转换位1；布尔为true
⑤字符串“false”：数字环境为0，布尔位false
⑥null：在字符串环境下，转换为“null”；数字环境下，转换为0，布尔环境下，转为false
⑦NaN：在字符串环境下可以隐式转换为“NaN”;布尔环境下，转换为false
⑧undefined：字符串环境下，转换为“undefined”，数字环境下，转为NaN，布尔下，转为false
⑨true：字符串转为“true”，数字环境下转为1
⑩false：字符串转为“false”，数字环境下转为0
2.6 运算符
2.6.1 算术运算符：
1.加法运算符 +
2.减法运算符 -
3.乘法运算符 *
4.除法运算符 /
5.模运算符 %
6.负号运算符 -
7.正号运算符 +
8.递增运算符 ++
9.递减运算符 --
2.6.2 关系运算符
1.相等运算符 ==
2.等同运算符 ===
3.不等运算符 !=
4.不等同运算符 !==
5.小于运算符 <
6.大于运算符 >
7.小于或等于运算符 <=
8.大于或等于运算符 >=
9.in运算符
判断一个值是否属于某个数组或者一个属性是否属于一个对象
10.instanceof
判断一个对象的实例是否属于某个对象
11.字符串运算符 +连字符
12.赋值运算符 =
2.6.3 逻辑运算符：
1.逻辑与 &&
2.逻辑或 ||
3.逻辑非 !
2.6.4 其他运算符：
1.条件运算符 ?:
2.new运算符 new 对象类型
3.void运算符
void运算符可以让操作数进行运算，但是却舍弃运算之后的结果。
78
4.typeof运算符
说明操作数是什么类型。 typeof(a)
2.6.5.对象属性存取运算符
我们使用.来调用和设置对象的属性或者方法 d.name .
2.6.6.delete运算符
delete 运算符可以用来删除变量、对象的属性、或数组中的元素。delete运算符返回的是布尔值类型。
delete 对象名 delete 变量名
delete 对象名.属性
delete 数组[索引]
2.6.7.逗号运算符
var a = 1;
var b = 2;
c = a+b,d = a-b;
2.6.8.this运算符
this代表的是当前对象。与php的$this的道理一样。
2.7 语句
a.while语句
b.do…while语句
c.for语句
- d.for…in语句
e.break语句
f.continue语句
g.with语句
扩展：
1、获取元素对象
通过ID值获取指定元素
document.getElementById('idvalue');
.value 修改内部值
2、计时器
setTimeout(fun,time) //单次
var timmer = setInterval(fun,time) //循环
clearInterval(timmer) //清除计时器标识
