浏览器对象模型(BOM)
总写:
BOM是浏览器对象模型的简称。JavaScript将整个浏览器窗口按实现的功能拆分为若干个对象,JavaScript可以根据对象的形式来操作浏览器。是描述与浏览器进行交互的方法和接 口, ECMAscript是javascript的核心,但如果要在web中使用javascript,那么 BOM则无疑才是真正的核心。一个完整的BOM主要包括window、history、location和document等对象。
Window对象
Window 对象表示一个浏览器窗口或一个框架。在客户端 JavaScript 中,Window 对象是全局对象,所有的表达式都在当前的环境中计算。也就是说,要引用当前窗口根本不需要特殊的语法,可以把那个窗口的属性作为全局变量来使用。
1.常用属性:
document:窗口中当前显示的文档对象
history:history对象保存窗口最近加载的URL
location:当前窗口的URL
2.常用方法:
小贴士:
1.alert方法用于向用户弹出一个警告,或提示下一步怎么做。在alert方法中,是不会包含html标签的。但可以使用转义字符,如\n(换行)和\t(空格)等。
2.confirm方法创建确认框,用于确认用户针对某个问题的答案,必修经过用户同意操作才能完成。它包含两个按钮:“确定”和“取消”。如果点击“确定”,则返回true,如果点击“取消”则返回false。一般用于删除操作。
3.open() 方法用于打开一个新的浏览器窗口或查找一个已命名的窗口。它有四个参数:第一个是新窗口的URL,第二个是新窗口的命名,第三个参数是设置新窗口的特征。这三个参数都能省略。
4.opan方法的窗口特征:
5.close方法是关闭窗口对象。close方法没有参数,只需要让需要关闭窗口对象调用close方法即可。
6.setTimeout和setInterval方法类似于闹钟。通过它们开发人可以通过时间来然程序完成指定的任务。setTimeout会在指定时间完成指定任务然后退出。setInterval会根据时间间隔来反复执行指定代码,直到程序结束或利用clearInterval方法取消。它们都有两个参数,一个是带引号的程序代码或函数的调用,另一个是以毫秒外单位的表示时间。
7.history对象包含用户(在浏览器窗口中)访问过的 URL。
history对象的方法:
8.location对象:用于打开窗口的URL 信息,类似于浏览器的地址栏。location通过window的location获取属性。其对象和方法如图:
文档对象模型(DOM)
描述: 要改变页面的某个东西,JavaScript 就需要获得对 HTML 文档中所有元素进行访问的入口。这个入口,连同对 HTML 元素进行添加、移动、改变或移除的方法和属性,都是通过文档对象模型来获得的(DOM)。
DOM把HTML文档看成由元素、属性和文本组成的一颗独立的树,把HTML文档中的每一个成分视为一个节点。