Js浏览器对象模型(BOM)

一、概述

浏览器对象模型(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:位置定位对象

猜你喜欢

转载自blog.csdn.net/csdn_heshangzhou/article/details/81433999