一、概述
浏览器对象模型(Browser Object Model)--英文简称 BOM,浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。我们使用JavaScript与浏览器交互的所有内容,均来自浏览器对象模型。
浏览器对象模型的具体实例化对象就是 window 对象,window 对象下有很多属性和方法,DOM对象,就是window对象的一个属性,只不过这个属性的值又是一个对象,因此也成为window对象的子对象。
二、对话框
window.alert()
:显示一个警告对话框,上面显示有指定的文本内容以及一个"确定"按钮。window.prompt()
:显示一个对话框,对话框中包含一条文字信息,用来提示用户输入文字。window.confirm()
:方法显示一个具有一个可选消息和两个按钮(确定和取消)的模态对话框 。
三、页面加载事件
<script type="text/javascript">
window.onload = function () {
// 当页面加载完成执行
// 当页面完全加载所有内容(包括图像、脚本文件、CSS 文件等)执行
}
</script>
四、浏览器控制台
window.console
:返回console对象的引用,该对象提供了对浏览器调试控制台的访问。Console.clear()
:清空控制台。Console.error()
:打印一条错误信息Console.table()
:将数组或对象数据在控制台以表格形式打印Console.log()
:打印字符串,使用方法比较类似C的printf、PHP的echo等格式输出
五、定时器
setTimeout()
:在指定的毫秒数到达之后执行指定的函数,只执行一次clearTimeout()
:清除倒计时器setInterval()
:定时调用的函数,可以按照给定的时间(单位毫秒)周期调用函数clearInterval()
:清除定时器
六、location对象
location.href = 'https://www.baidu..com'
//跳转网页
统一资源定位符 (Uniform Resource Locator, URL)
七、history对象
history.back()
:前往上一页, 用户可点击浏览器左上角的返回按钮模拟此方法history.forward()
:在浏览器历史记录里前往下一页,用户可点击浏览器左上角的前进按钮模拟此方法history.go()
:通过当前页面的相对位置从浏览器历史记录( 会话记录 )加载页面。比如:参数为-1的时候为上一页,参数为1的时候为下一页
八、navigator对象
userAgent
:通过userAgent可以判断用户浏览器的类型platform
:通过platform可以判断浏览器所在的系统平台类型geolocation
:位置定位对象