JavaScript01

Posted 2021-01-06 HelpYourself!

　　

JavaScript01

　

一、JS概念

　　1. javascript 产生的背景及用途:

　　　　(1) 用途: 可以和web页面进行相互的交互就是美化页面

　　　　(1) JavaScript刚开始产生就是为了解决表单验证

　　2. JavaScript定义:

　　　　(1)  标准: ECMAScript标准来进行执行 这个标准是由微软进行维护

　　　　(2)  是由网景公司开发

　　3. JavaScript 特点:

　　　　(1) JS是解析型语言

　　　　(2) JS具有跨平台的性质

　　　　(3) 具有安全和简单的特性

　　　　(4) 基于对象

　　4. JavaScript 优点:

　　　　(1) 美化页面

　　　　(2) 表单验证

　　5. JavaScript 缺点: 浏览器兼容性问题

　　6. JavaScript 语法

　　　　(1) 注释 //单行注释  /**/多行注释

　　　　(2) 使用方式

　　　　　　① 写在script标签中

  　　　　　　　　例如:<script>alert(‘1’)</script>

　　　　　　② 通过事件的方式写js代码

　　　　　　　　例如:<button onclick=”alert(1)”></button>

　　　　　　　　　　<button onclick="test()">111</button>

　　　　　　③ 通过协议的方式写js代码

　　　　　　　　例如：<a href="javascript:alert(‘2222‘)">11111</a>

　　　　　　　　<!-- 事件中return false 可以阻止默认行为 -->

　　　　　　　　<a href="http://www.4399.com" onclick="return false">111</a>

　　　　　　④ 通过外部引入的方式引入js代码

　　　　　　　　<script src="js.js">

　　　　　　　　　　一旦我们的script标签用于导入外部js文件的时候那么这个script标签里面的所有代码都无效

　　　　　　　　</script>

　　　　(3) title标签外js都可以出现html中的所有位置

　　　　(4) js执行顺序 从上往下

　　　　(5) 获取元素对象的方式 : document.getElementById(‘元素的id值’)--->单个对象

　　　　(6) 严格区分大小写

　　7. 奇葩运算符

　　　　(1) 奇葩的加号 +

 　　　　　　如果两边都是数字 那么就是数字运算,只要有任何一边是字符串 那么就是拼接

　　　　(2) +=同上

　　　　(3) 对象成员访问符

　　　　　　① 点 .对象成员访问符

　　　　　　　　.成员访问符,不能解析变量,他会将变量直接变为属性来访问 如果这个变量在对象中不存在则返回undefined

　　　　　　② []对象成员访问符,可以解析变量,他会先解析变量 将变量里面的值去访问我们的对象中的属性 如果这个解析之后的变量的属性不存在则返回undefined

　　　　(4) 分号 ; 命令执行符

  　　　　　　换行符也可以作为命令执行符来进行操作,换行符如果会产生错误 那么就不作为命令执行符

　　8. 定时器(延迟器)

　　　　1．多次定时器

　　　　　   ① setInterval(函数名，定时时间)

 　　　　　  ② setInterval(function(){},定时时间)

 　　　　　  ③ 定时时间单位:毫秒

　　　　　　④ 清除定时器  clearInterval(定时器变量)

 　　　　2．单次定时器

　　　　　　① setTimeout(函数名,定时时间)

　　　　　　② setTimeout(function(){},定时时间)

 　　　　　   ③ 定时时间单位为:毫秒  1秒=1000毫秒

 　　　　　   ④ 清除定时器  clearTimeout(定时器变量)

　　9. 数据类型

　　　　(1). undefined  定义了变量  但是没有赋值

　　  　 (2). boolean 布尔型 ( true !=TRUE)严格区分大小写

　　　　(3). 数字类型

　　　　　　a) 整数整型

　　　　　　b) 浮点数   注意:浮点数运算不精确 不要出现的比较中

　　　　　　c) 进制

　　　　　　　　二进制   0b

　　　　　　　　八进制   0

　　　　　　　　十进制    没有

　　　　　　　　十六进制  0x

　　　　　　d) 科学计数法 e

　　　　　　e) 无穷大 Infinity

　　　　　　　　最大范围值 MAX_VALUE

　　　　　　　　最小范围值 MIN_VALUE

　　　　　　f) NaN  不是一个数字的数字 参与运算得到的值一定是NaN

　　　　　　　　isNaN() 如果变量是NaN返回值为true 否则返回false

　　　　(4). 数据类型转换

　　　　　　a) parseInt()

　　　　　　　　如果把非数值类型转换为数值类型并不是绝对的

　　　　　　　　如果把一个字符串不是数字或者负号开头的转换为数值返回值为NaN

　　　　　　　　如果当前非数值类型的值是null 返回值也是NaN

　　　　　　b). parseFloat()

 　　　   (5). 字符串

　　　　(6). 对象

　　　　　　a). null 属于特殊的对象类型

　　　　　　b). 数组也是对象类型