JavaScript操作BOM对象

window对象

浏览器对象模型(BOM)是JavaScript的组成之一 ,它提供了独立于内容与浏览器窗口进行交互的对象,使用浏览器对象模型可以实现与HTML的交互。它的作用是将相关的元素组织包装起来,提供给程序设计人员使用,从而降低开发人员的劳动量,提高设计Web页面的能力。BOM是一一个分
层结构,如下图所示。

JavaScript操作BOM对象
使用BOM通常可实现如下功能
1.弹出新的浏览器窗口
2.移动、关闭浏览器窗口及调整窗口的大小。
3.在浏览器窗口中实现页面的前进、后退功能。

window对象的常用属性
JavaScript操作BOM对象
在JavaScript中,属性的语法格式如下:
window.属性名=“属性值”

window对象的常用方法
JavaScript操作BOM对象
JavaScript操作BOM对象
history对象的方法
JavaScript操作BOM对象
location对象
location对象的属性
JavaScript操作BOM对象
location对象的方法
JavaScript操作BOM对象
document对象
document对象既是window对象的一部分,又代表了整个HTML文档,可用来访问页面中的所有元素。所以在使用document对象时,除了要适用于各浏览器外,也要符合W3C (万 维网联盟)的标准。
document对象的常用属性
JavaScript操作BOM对象
语法格式
document.referrer
document.URL

document对象的常用方法
JavaScript操作BOM对象
1.getElementByld( )方法一般用于访问div.图片、表单元素、网页标签等,但要求访问对象的id是唯一的。
2.getElementsByName( )方法与getElementByld( )方法相似,但它访问的是具有name属性的元素,由于一个文档中的name属性可能不唯一 ,因此getElermentsByName( )方法般用于访问一组相同name属性的元素,如具有相同name属性的单选按钮,复选框等。
3.getElementsByTagName( )方法是按标签来访问页面元素的,一般用于访问一组相同的元素。

JavaScript内置对象:Date对象,Array对象,String对象,Math对象

1.Date:用于操作日期和时间。
2.Array:用于在单独的变量名中存储一系列的值。
3.String:用于支持对字符串的处理。
4.Math:使我们有能力执行常用的数学任务,它包含了若干个数字常量和函数。

定时函数 setTimeout()和setInterval()。
清除定时器的函数: clearTimeout()和clearInterval()。

1.setTimeout():用于在指定的毫秒后调用函数或计算表达式。
2.setInterval():可按照指定的周期(以毫秒计)来调用函数或计算表达式。
3.clearTimeout()和clearInterval():前面是用来清除setTimeout()设置的定时器,后者是清除setInterval()设置的定时器