day 10/11 JavaScript

1.概念

Js是基于对象和事件驱动的一种脚本语言，是一种弱类型的语言，也是一种直译式的语言，增强了用户和浏览器之间的交互性。

1. 使用位置

1. 行内js：只能作用于一行
2. 内部js：通常在head标签里，使用scrip标签，把js 代码包起来。
3. 外部js:松耦合 ，单独创建一个js的文件，可以被引入到各种网页中

1. 语法

1. 注释：//单行注释

           /*多行注释*/

（2）包括:number/string/boolean/null/undefined

  数值类型-number

在JS中，数值类型只有一种，就是浮点型。

在JS中，需要时会自动的进行数据类型的转换，比如：在显示和处理的时候，浮点型和整型会自动的转换。

string-字符串类型

在js中，字符串是基本的数据类型，字符串是直接通过单引号或者双引号引起来

布尔类型-boolean

值为true或者是false；

undefined

值只有一个就是undefined。表示变量没有初始化值。

null

值也只有一个，就是null。表示空值或者不存在的对象。

（3）复杂的数据类型

函数，数组,对象（自定义对象，内置对象，DOM对象，BOM对象）

1. 变量

变量类型 变量名 = 变量值；

Var可以定义所有类型的变量，并且参数的类型可以随时转换

1. 语句

1. 运算符

JS中的运算符和Java中的运算符大致相同

算术运算符: +，-，*，/，%，++，–

赋值运算符: =，+=，-=，*=，/=，%=

比较运算符: ，!=，=，!==，>，>=，<，<=

位运算符: & ， |

逻辑运算符: && ，||

前置逻辑运算符: ! (not)

三元运算符: ? :

1. js的循环结构:

For.....in 循环

While 循环

1. js的分支结构

Switch...case

If....else

5数组

数组类型丰富，长度可变JS数组用于在单个的变量中存储多个值(其实就是一个容器)。

JS中的数组可以存储例如：数值、字符串、布尔值、undefined、null、对象、函数等

JS数组中可以存放任意的数据类型

JS中的数组长度可以被改变

第一种创建方式：var 数组名= new Array();

第二种创建方式：var 数组名=[]；

6函数

函数就是一个具有功能的代码块, 可以反复调用，函数就是包裹在花括号中的代码块，前面使用了关键词 function

第一种创建方式：function 函数名（[参数列表]）{函数体}

第二种创建方式：var 函数名 = function（[参数列表]）{函数体}

7自定义对象

第一种创建的方式：

声明对象：function person(){}

创建对象：var 对象名 = new person（）；

设置属性：对象名.name    对象名.age

设置方法：对象名.run=function(){}

第二种创建方式：

Var 对象名 = {里面是key 和 value的结构}

1. dom技术

1. 概述是全称文档对象模型，用来利用document对象内置的属性和方法，方便快速定位网页中的元素。
2. 获取对象：

Window.document

1. 常用方法

• getElementsByTagName 标签名称，得到数组
• getElementsByName name属性，得到数组
• getElementsByClassName class属性，得到数组
• getElementById id属性，单个值

1. Json

1. 概念：就是一个字符串，作用是用来完成浏览器和服务器之间的数据交换，规定了浏览器和服务器之间的数据。
2. 转换工具

Json对象：可以把json字符串和js对象互转

json字符串转成js对象，JSON.parse(json字符串）

Js对象抓换成json字符串，json.Stringify(js对象）