JavaWeb，JS对象

一：Array

1.JavaScript中Array对象用于定义数组

2.定义

方式一：

var 变量名=new Array(元素列表)

方式二：

var 变量名=[元素列表]

3.根据索引赋值

arr[索引]="hello"

注意：

（1）.JavaScript中的数组相当于Java中的集合，数组的长度是可变的，并且在JavaScript中可以存储任意类型的数据

（2）.箭头函数（ES6）是用来简化函数定义语法的，具体形式为：(...)->(...)，如果要给箭头函数起名字：var ArrowName=(...)->(...)

3.属性

length：设置或返回数组中元素的数量

4.方法（函数）

forEach()遍历数组中的每个有值的元素，并调用一次传入的函数

push()将新元素添加到数组的末尾，并返回新的长度

splice()从数组中删除元素

二：String

1.String字符串对象的创建方式

方式一：

var 变量名=new String("你要添加的变量")

方式二：

var 变量名="你要添加的变量"

2.属性

length：字符串的长度

3.方法：

charAt(int index)返回在指定索引上的字符

indexOf(String str)检索字符串中与str相同的元素的索引（只返回第一次符合的索引）

trim(String str)去除字符串两边的空格

substring(int StartIndex,int EndIndex)提取字符串中两个指定的索引号之间的字符(包头不包尾，如果输入的是0,1，那么提取的就是索引为0的字符)

三：JavaScript自定义对象

1.定义格式

var 对象名={
属性名:属性值,
函数名称:function(形参){}
}

2.调用格式

调用属性：

对象名.属性名

调用函数：

对象名:函数名(形参)

四：JSON

1.介绍

（1）.概念：JavaScript Object Notation，JavaScript对象标记法

（2）.JSON是通过JavaScript对象标记法书写的文本

（3）.由于其语法简单，层次结构鲜明，现多用于作为数据载体在网络中进行数据传输

2.定义

var 变量名='{"key1":value1,"key2":value2}'

其中value的数据类型为：

数字

字符串

逻辑值

数组

对象

null

3.获取JSON中的数据

（1）.将JSON字符串转换为JS对象

var JSObject=JSON.parse(thisStr)

（2）.将JS对象转换为JSON字符串

var JSONStr=JSON.stringify(JSObject)

五：BOM

1.概念：Browser Object Model，浏览器对象模型，允许JavaScript与浏览器对话，JavaScript将浏览器的各个组成部分封装为对象

2.组成：

（1）.Window：浏览器窗口对象

获取：直接使用window，其中window.可以省略。

window.alert("Hello World")

alert("Hello World")

属性：

history：对History对象的只读引用

location：用于窗口或框架的Location对象

navigator：对Navigator对象的只读引用

方法：

alert()：显示带有一段消息和一个确认按钮的警告框

confirm(String str)：显示带有一段消息（str）以及确认按钮和取消按钮的对话框，并且在点击确定时会有一个为true的返回值，在点击取消时会有一个为false的返回值

setInterval(function(),int millisecond)：按照指定的周期（以毫秒计）来调用函数或计算表达式

setTimeout(function(),int millisecond)在指定的毫秒数后调用函数或计算表达式（只会调用一次函数）

（2）.Navigator：浏览器对象

（3）.Screen：屏幕对象

（4）.History：历史记录对象

（5）.Location：地址栏对象

获取：

使用window.location获取，其中window.可以省略

window.location.属性

location.属性

属性：

href：设置或返回完整的URL（统一资源定位符）

六：DOM

1.概念：Document Object Model，文档对象模型

2.将标记语言的各个组成部分封装为对应的对象：

（1）.Document：整个文档对象

（2）.Element：元素对象

（3）.Attribute：属性对象

（4）.Text：文本对象

（5）.Comment：注释对象

3.JavaScript通过DOM，就能够对HTML进行操作：

（1）.改变HTML元素的内容

（2）.改变HTML元素的样式（CSS层叠样式表）

（3）.对HTML DOM事件作出反应

（4）.添加和删除HTML元素

4.DOM是W3C（万维网联盟）的标准，定义了访问HTML和XML文档的标准，分为3个不同的部分

（1）.Core DOM-所有文档类型的标准模型

Document：整个文档对象

Element：元素对象

Attribute：属性对象

Text：文本对象

Comment：注释对象

（2）.XML DOM-XML文档的标准模型

（3）.HTML DOM-HTML文档的标准模型

Image:<img>

Button:<input type='button'>

5.Document对象中提供的获取Element元素对象的函数

（HTML中的Element对象可以通过Document对象获取，而Document对象是通过window对象获取的）

（1）.根据id属性值获取，返回单个Element对象

var h1=document.getElementById("h1")

（2）.根据标签名称获取，返回Element对象数组

var divs=document.getElementsByTagName('div')

（3）.根据name属性值获取，返回Element对象数组

var hobbys=document.getElementsByName('hobby')

（4）.根据class属性值获取，返回Element对象数组

var class=document.getElementsByClassName('class')