BOM操作

window对象

window对象的常用属性

​ JavaScript中，属性的基本语法格式如下:

window对象的常用方法

open()

语法：

close()

语法：

history对象

history对象就是保存着用户上网的历史记录。由于history对象是window对象的属性，所以每个浏览器窗口，每个标签页，都有自己的history对象与特定的window对象关联。

history对象的常用属性和方法

         

location对象

 

location对象是比较有用的BOM对象之一，它提供了与当前窗口中加载文档有关的信息，还提供了一些导航功能。

locaton对象的常用属性与方法

 

locaton对象使用

 

document对象

document对象是window对象的一部分，又代表整个HTML文档，可以用来访问页面中的所有元素。当使用document对象时，除了要符合各浏览器的标准外，也要符合W3C(万维网联盟)的标准

document常用方法

 

• getElementById()方法一般用于访问div，图片，表单元素，网页标签等，但是要求访问对象的id是唯一的。

• getElementsByName()方法与getElementById()方法相似，但是它访问的是具有name属性的元素，由于一个文档中的name属性可能不唯一，所以getElementsByName()方法一般用于访问一组相同name属性的元素。

• getElementsByTagName()方法通常按标签来访问页面元素，一般用于访问一组相同的元素。

JavaScript定时函数

超时调用

超时调用需要使用window对象的setTimeout()方法，接收两个参数 : 要执行的代码或函数和以毫秒表示的时间

间歇调用

 

间歇调用与超时调用类似，只不过它会按照指定时间间隔重复执行代码，直至间歇调用被取消或者页面被关闭。设置间歇调用的方法是setInterval()，它接收的参数与超时调用相同。

JavaScript内置对象

在JavaScript中，系统的内置对象有String对象，Array对象，Date对象和Math对象等。主要了解后三个

• Array对象

  同Java中的数组一样，JavaScript中数组也是具有一个或多个值的集合。数组用一个名称储存一系列的值，用下标区分数组中的每个值，数组下标从0开始。不同的是在JavaScript中一个数组可以存放任意类型值。

 

数组的常用属性和方法

 forEach()用法：

Date对象

 Date对象的常用方法

 时钟效果

Math对象

Math对象提供了许多与数学相关的功能，它是JavaScript的一个全局对象，不需要创建，直接作为对象使用就可以调用其属性和方法。

Math对象的常用方法

 

Math随机数用法

 

总结：

• window对象常用属性: hstoy，location、screen。

• window对象常用方法:alert()、confirm()、prompt()、open()、close()、 setInterval()、clearInterval()、setTimeout() clearTimeout()。

• history对象和location对象可以轻松地实现浏览器中“后退”、前进” 和” 刷新”的功能。

• document对象的getElementByld0方法用于访问唯一的元素。

• document对象的getElementsByName()方法用于访问相同name属性的一组元素。

• document对象的getElementsByTagName()方法用于访问相同标签的一组元素。

• JavaScript 内置对象Array对象用于在单独的变量名中存储一系列的值。

• JavaScript内置对象Date对象用于操作日期和时间。

• JavaScript内置对象Math对象可以执行常用的数学任务。