IE 3.0 和 Netscape Navigator 3.0 提供了一种特性 - BOM(浏览器对象模型),可以对浏览器窗口进行访问和操作。使用 BOM,开发者可以移动窗口、改变状态栏中的文本以及执行其他与页面内容不直接相关的动作。使 BOM 独树一帜且又常常令人怀疑的地方在于,它只是 JavaScript 的一个部分,没有任何相关的标准。
BOM 主要处理浏览器窗口和框架,不过通常浏览器特定的 JavaScript 扩展都被看做 BOM 的一部分。这些扩展包括:
- 弹出新的浏览器窗口
- 移动、关闭浏览器窗口以及调整窗口大小
- 提供 Web 浏览器详细信息的定位对象
- 提供用户屏幕分辨率详细信息的屏幕对象
- 对 cookie 的支持
- IE 扩展了 BOM,加入了 ActiveXObject 类,可以通过 JavaScript 实例化 ActiveX 对象
由于没有相关的 BOM 标准,每种浏览器都有自己的 BOM 实现。有一些事实上的标准,如具有一个窗口对象和一个导航对象,不过每种浏览器可以为这些对象或其他对象定义自己的属性和方法。
1.window对象
概念上讲.一个html文档对应一个window对象.
功能上讲: 控制浏览器窗口的.
使用上讲: 与Global 类似.window对象同样不需要创建对象,直接使用即可.
三个常用方法:
1.alert 警告框
2.confirm 确认框,该方法有返回值,true/false
3.prompt 交互框(少)
4.open
调用方式一:open("http://www.itcast.cn")//打开一个新窗口并进入指定网址
调用方式二:open('','','width=200,resizable=no,height=100')
//参数1 什么都不填 就是打开一个新窗口. 参数2.填入新窗口的名字(一般可以不填). 参数3: 新打开窗口的参数.
5.close 关闭当前窗口
6.setInterval clearInterval(定时器方法) 注意:每一个定时器都有一个独一无二的ID,关闭定时器是需传入ID
setInterval(fun1, 3000)//参数1 是function对象 参数2 是时间. 每隔参数2的时间,调用参数1的函数.
7.setTimeout clearTimeout(只启动一次)
Window对象共有七个属性:
● defauleStatus:指定窗口状态栏中的信息。
● status:指定当前窗口状态栏中的信息。
● frames:是一个数组,其中内容是窗口中所有的框架。
● parent:指当前窗口的父窗口。
● self:指当前窗口。
● top:代表当前所有窗口的最顶层窗口。
● window:代表当前窗口。
Window对象有五个方法:
● alert:显示带有一个“确定”按钮的对话框。
● confirm:显示带有“确定”与“取消”两个按钮的对话框。
● prompt:显示带有输入区的对话框。
● open:打开一个新窗口。
● close:关闭用户打开的窗口。
三、status属性例子,在窗口状态栏显示和清除文字 单击"写入文字"按钮,在状态栏显示'这是状态栏'。按"清除文字"按钮,清除状态栏的文字。 <html> <head> <script language="JavaScript"> function statbar(txt) { window.status = txt; } </script> </head> <body> <form> <input type="button" name="look" value="写入文字" onclick="statbar('这是状态栏');"> <input type="button" name="erase" value="清除文字" onclick="statbar('');"> </form> </body> </html>
四、alert方法例子:显示“大家来学习JavaScript脚本语言。”的对话框。 <html> <body> <script language="JavaScript"> alert("大家来学习JavaScript脚本语言。") </script> </body> </html>
五、 Confirm方法例子:让用户选择是否进入下一页。 用confirm显示选择对话框,按“确定”进入next.htm,按“取消”不进入。 <html> <body> <script language="JavaScript"> if(confirm("你想进入下一页吗?")) location="next.htm" </script> </body> </html>
六、Prompt方法例子:让用户输入姓名,并将它显示出来。 用prompt显示输入对话框,让用户输入姓名,再用alert对话框显示出来。 <html> <body> <script language="JavaScript"> var name name=prompt("请输入姓名","张国强") alert("你好,"+name) </script> </body> </html>
七、Window对象方法例子 当打开网页时,立即打开另一窗口,显示test.htm。 <html> <body onload="javascript:window.open('test.htm')"> </body> </html>
2.history对象
八、History对象的属性和方法 History对象只有一个length属性,它表示历史对象中的链接的数目。 History对象有以下方法: ● back:在浏览器中显示上一页。 ● forward:在浏览器中显示上下页。 ● go(int):在浏览器中载入从当前算起的第int个页面。
九、History例子:具有“上一页”、“下一页”按钮的页面。 <html> <body> <form> <input type="button" value="上一页" onClick="history.back()"> <input type="button" value="下一页" onClick="history.forward()"> </body> </html>
3.location对象
reload