初识BOM及其部分对象

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.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