BOM浏览器对象模型
window对象
BOM(浏览器对象模型)定义了浏览器的操作对象。window对象表示浏览器窗口,开发者可以通过window对象修改浏览器的外观、控制状态栏信息等。
window是整个BOM结构中的主对象,其中包含一些子对象,如:
document对象 | 页面内容 |
---|---|
location对象 | 处理页面的URL内容 |
navigator对象 | 获取用户浏览器的相关信息 |
history对象 | 浏览历史操作 |
screen对象 | 获取用户的屏幕信息 |
对话框
在JavaScript中可以使用三种基本的对话框:
- alert()方法,显示信息对话框,参数指定显示的文本内容。
- prompt()方法,显示输入对话框,用于获取用户输入的数据。
- confirm()方法,显示确认对话框,选择“确定”按钮时返回true值,否则返回false值。
onload事件
window.onload事件会在页面元素完全载入后执行,在此添加页面元素的操作代码会比较安全,可以避免因页面没有完全载入而产生的错误。可以在此事件中添加页面的初始化代码。
<script>
window.onload = function () {
document.width("页面已载入");
}
</script>
open()与close()方法
window.open()方法用于在页面中打开另外一个页面,并会返回打开的窗口对象,方法的参数包括:
- 参数一:打卡资源的地址;
- 参数二:可选,指定新窗口的名称或使用特殊值指定新窗口的打开方式,如_blank打一个新的窗口显示页面,_self在当前窗口显示页面;
- 参数三:可选,使用字符串指定新窗口的显示参数。
window.close()关闭当前窗口。
location对象
location对象同时定义为window和document对象的属性,用于处理当前页面的网址(URL)信息。对象的常用成员包括:
- href属性和toString()方法,都可以获取完整的url内容;
- host和hostname属性,获取URL中的服务器主机名称;
- pathname属性,获取主机后的资源路径;
- port属性,获取URL中主机的端口信息;
- protocal属性,获取URL中使用的协议;
- search属性,获取URL中?符号及以后的内容;
- hash属性,获取URL中#符号及以后的内容。