3. BOM
- BOM(Browser Object Model)是指浏览器对象模型。
- BOM允许JavaScript与浏览器对话,它提供了独立于内容而与浏览器窗口进行交互的对象。
- 主要功能:
- 弹出新浏览器窗口的能力;
- 移动、关闭和更改浏览器窗口大小的能力;
- 可提供WEB浏览器详细信息的导航对象;
- 可提供浏览器载入页面详细信息的本地对象;
- 可提供用户屏幕分辨率详细信息的屏幕对象;
- 支持Cookies
- 所有浏览器都支持 window 对象。HTML DOM 的 document 也是 window 对象的属性之一:
window.document.getElementById("demo"); // 等同于 document.getElementById("demo");
3.1 windows 方法
3.1.1 打开一个新窗口
window.open()
<html>
<head>
<script>
function win_open(){
window.open("http://www.baidu.com")
}
</script>
</head>
<body>
<input typr="button" onclick="win_open()">
</body>
</html>
3.1.2 关闭窗口
window.close()
3.1.2 页面跳转
window.location.href='http://www.baidu.com';
3.2 弹出框
3.2.1 警告框
用户将需要单击“确定”来继续。
window.alert("警告框")
3.2.2 确认框
如果用户单击“确定”,该框返回true。如果用户单击“取消”,该框返回false。
一般用作表单提交:
<form action="#" method="get" onsubmit="return confirm('确定要提交吗?');">
3.2.3 提示框
如果用户单击“确定”,该框返回输入值。如果用户单击“取消”,该框返回NULL。
window.prompt("参数1","参数2")