浏览器对象模型(BOM)是JS的组成之一,它提供了独立于内容与浏览器窗口进行交互的对象,使用浏览器对象模型可以实现与HTML的交互。它的作用是将相关的元素组织包装起来,提供程序设计人员使用,从而降低开发的劳动量,提高设计Web页面的能力。
1.window对象
1.1window对象的常用属性
history 有关客户访问过的URL的信息
location 有关当前URL的信息
screen 只读属性,包含有关客户端显示屏幕的信息
在JS中属性的语法的格式如下:
window.属性名="属性值";
1.2window对象的常用方法
prompt() 显示可提示用户输入的对话框,有两个参数,是输入对话框,点"取消"返回null,点确定则返回用户输入的值
alert() 显示一个带有提示信息和一个"确定"按钮的警示对话框,仅显示警告对话框的消息,无返回值,不能对脚本产生任何改变,只有一个参数,
confirm() 显示一个带有提示信息、"确定"和"取消"按钮的对话框,单击"确认"返回true,单击"取消"返回false
close() 关闭浏览器窗口
open() 打开一个新的浏览器窗口,加载给定URL所指定的文档
setTimeout() 在指定的毫秒数后调用函数或计算表达式
setInterval() 按照指定的周期(以毫秒计)来调用函数或表达式
2.history对象
2.1history对象的方法
back() 加载history对象列中的前一个URL,back()方法会让浏览器加载前一个浏览过的文档,等效于浏览器中的"后退"按钮
forward() 于back()相反
go(n) n是一个具体的数字,当n>0时,装入历史列表中往前数的第n个页面,当n=0时,装入当前页面;当n<0时,装入历史列表中往后数的第n个页面
3.location对象
location对象提供当前页面的URL信息,并且可以重新装载当前页面或装入新页面
3.1location对象的属性
host 设置或返回主机名和当前URL的端口号
hostname 设置或返回当url的主机名
href 设置或返回完整的URL
3.2 location对象的方法
reload() 重新加载当前文档
replace() 用新的文档替换当前文档
4. document对象
document对象的常用方法
getElementById() 返回对拥有指定id的对一个对象的引用
getElementByName() 返回带有指定名称的对象的集合
getElementByTagName() 返回带有指定标签名的对象的集合
write() 向文档写文本,HTML表达式或JS代码
5.定时函数
5.1.1.setTimeout("调用的函数名称",等待的毫秒数) 用于在指定的毫秒后调用函数或计算表达式
2.serInterval("调用的函数名称",周期性调用函数之间间隔的毫秒数)
serInterval ()会不停地调用函数,直到窗口被关闭或被其他方法强制停止。
3.clearTimeout()和clearInterval()
clearTimeout()函数用来清除由setTimeout()函数设置的定时器 ,语法如下:
clearTimeout(setTimeout()返回的ID值);
clearInterval()函数用来清除由serInterval ()函数设置的定时器 ,语法如下:
clearInterval(serInterval ()返回的ID值);