BOM:Browser object Model
---- 浏览器对象模型------>操作的是浏览器的对象
浏览器对象
···浏览器顶级对象: window
- 特殊属性:
- window.name : 没定义时输出空白。
- window.top : 输出与window相同
- 系统对话框:
- window.alert() : 显示带有可选指定内容的警告对话框和OK按钮
- window.prompt() : 显示带有一个可选的消息提示用户输入文本的对话框
- window.confirm() : 显示带有可选消息的对话框,其中包含一个可选信息和两个按钮(确定以及取消)
以上三个对话框建议只在测试的时候使用
- 页面加载完毕
- window.onload : 检测页面中的所有内容,标签,属性,文本,包括外部引用的JS文件是否加载完毕
- 扩展 : --window.onunload(页面关闭后才触发的事件) --window.onbeforeunload(页面关闭之前触发的)
···location对象
-
location对象包含有关当前URL的信息
-
属性
属性 描述 hash 设置或返回从#号开始的URL(锚) host 设置或返回主机名和当前URL的端口号 hostname 设置或返回当前URL的主机名 href 设置或返回完整的URL pathname 设置或返回当前URL的路径名 port 设置或返回当前URL的端口号 protocol 设置或返回当前URL的协议 search 设置或返回从?开始的URL(搜索内容) -
方法:设置跳转的页面
方法 描述 assign() 加载新的文档 reload() 重新加载当前文档(刷新) replace() 用新文档替换当前文档(无历史记录)
···history对象
- history对象包含用户(在浏览器窗口中)访问过的URL
- 属性 : length 返回浏览器历史列表中URL数量
- 方法
方法 描述 back() 加载前一个URL forward() 加载下一个URL go() 加载历史列表中的某个具体的页面(参数:-1上一个页面,1前进一个页面或URL字符串)
···navigator对象
- 通过这个对象可以获得浏览器的浏览器的种类、版本号等属性
- 部分属性
属性 属性值 appCodeName 浏览器的代码名称,如Firefox、IE的代码都是Mozilla appName 浏览器的名称 platform 浏览器的操作系统或硬件类型 userAgent 声明了浏览器用于 HTTP 请求的用户代理头的值。
···定时器
- 循环定时器
- 创建定时器 : window.setInterval(fn,time);
- 参数1 : 函数 参数2 : 时间---毫秒---1000ms--1s
- 执行过程 :页面加载完毕后,过了一秒。执行一次函数代码,又过了1秒再执行函数
- 返回值是定时器的id值
- 清除定时器 : window.clearInterval(timeId);
- 参数 : 要清理的定时器的id的值
- 创建定时器 : window.setInterval(fn,time);
- 一次性定时器
- 创建定时器 :window.setTimeout(fn,time);
- 清除定时器 :clearTimeout(timeId);
返回当前浏览器类型
/**
* 返回当前浏览器是什么类型的浏览器
*/
function userBrowser(){
var browserName=navigator.userAgent.toLowerCase();
if(/msie/i.test(browserName) && !/opera/.test(browserName)){
console.log("IE");
}else if(/firefox/i.test(browserName)){
console.log("Firefox");
}else if(/chrome/i.test(browserName) && /webkit/i.test(browserName) && /mozilla/i.test(browserName)){
console.log("Chrome");
}else if(/opera/i.test(browserName)){
console.log("Opera");
}else if(/webkit/i.test(browserName) &&!(/chrome/i.test(browserName) && /webkit/i.test(browserName) && /mozilla/i.test(browserName))){
console.log("Safari");
}else{
console.log("不知道什么鬼!");
}
}
复制代码
------------------------------------------------------记录于 2019.4.16 JavaScript之BOM