javaScript快速入门之BOM

BOM

浏览器对象模型

BOM可以使我们通过JS操作浏览器

在BOM为我们提供一组对象，用来完成对浏览器的操作

BOM对象

• Window

  • 代表的是整个浏览器的窗口，同时window也是网页中的全局对象

  • setInterval();

    • 定时调用，每隔一段时间执行一次

    • 参数

      • 1.回调函数，该函数没隔一段时间就会被调用一次

      • 2.每次间隔的时间 ,毫秒

      • var num = 1;
        setInterval(function(){
        	num.innerHTML = num++;
        },1000);
        // 关闭定时器，又返回值  timer在全局中设置
        clearInterval(timer);  // 在开启之前就要把上一个关闭掉
        var timer = setInterval(function(){
        	num.innerHTML = num++;
        },1000);  
        // 通过返回的数字来作为定时器的唯一标识
        clearInterval(timer); // 关闭定时为timer的定时器
        // 可以接受任意参数，如果参数不是有效的标识，则什么都不做
        
        

    • 使用定时器可以自动切换图片

  • 延时调用

    • 定时函数执行多次，而延时函数只会执行一次

    • setTimeout()

    • clearTimeout(timer)

• Navigator

  • 代表当前浏览器的信息，通过该对象可以来是识别不同浏览器

  • 大部分属性不能帮助我们是被浏览器了

  • 只会使用userAgent来判断浏览器的信息

    • 字符串，这个字符串包含用来描述浏览器信息的内容

  • console.log(navigator.appName) ; // 返回浏览器的名称
    console.log(navigator.userAgent) ;
    // 判断浏览器
    var ua = navigator.userAgent;
    if(/firefox/i.test(ua)){
    	alert("火狐")
    }else if(/chrome/i.test(ua)){
    	alert("chrome")
    }else if(/msie/i.test(ua)){
    	alert('IE');
    }
    
    // 判断是否是ie  ie11不能判断
    // !!window.ActiveObject 转成布尔值
    if(window.ActiveObject){
    	alert('IE')
    }
    // 可是使用 判断IE11
    if("ActiveObject" in window){
    	alert('IE')
    }
    

• Location

  • 代表当前浏览器的地址栏信息，操作浏览器跳转页面
  • 直接打印，则会获得当前页面的完整路径
  • 如果直接将location属性修改为一个完整的路径，或相对路径，则页面将会自动跳转1到该路径，并且会保存相应的历史记录，可以回退操作
  • Location.reaload() 重新加载页面 加true是强制清空缓存
  • location.assign() ：和直接修改location是一样的意思
  • location.replace() 可以使用一个新的页面替换当前页面，不能回退

• History

  • 代表浏览器的历史记录，由于隐私原因，不能获取具体的历史记录，只能前进后退按钮，只在当次访问时有效。
  • length
    • 当次可以获取访问的链接数量
  • back()
    • 可以用来返回上一个页面，作用和浏览器的回退按钮一样
  • forward()
    • 回退在前进按钮
  • go()
    • 可以跳转到指定的页面
    • 需要参数
      • go(1) 向后跳
      • go(-1) 向前跳

• Screeen

  • 代表用户屏幕信息，通过该对象可以获取到用户的显示器的相关信息

  ---

  这些BOM对象在浏览器中都是作为window的对象属性进行保存的

  通过window对象来使用，也可以直接进行使用

• 代表用户屏幕信息，通过该对象可以获取到用户的显示器的相关信息

---

这些BOM对象在浏览器中都是作为window的对象属性进行保存的

通过window对象来使用，也可以直接进行使用