js:BOM、DOM

BOM

BOM 是浏览器对象模型 我们可以认为是window对象

location 地址栏

        console.log(window.location)
        //刷新页面
        window.onclick = function() {
   
            location.reload();
        }
        //在高级浏览器中 会默认把所有的id获取 变量名就是id名 
        console.log(btn)
        var btn = document.getElementById("btn");
        //跳转页面
        btn.onclick = function() {
   
            location.href = "http://www.baidu.com"
            location.assign("http://www.163.com")
        }
		//打开页面
        var d = window.open("http://www.baidu.com")

        //关闭页面
        setTimeout(function() {
   
            d.close();
        })

history 历史记录

		console.log(window.history)
        //历史记录并不会真的把所有的历史展示出来 
        1 forward() 前进一次
        2 back() 后退一次
        3 go(n) 根据参数前进或后退n次

navigator 浏览器信息

		console.log(navigator.userAgent);
        
        //获取浏览器的视口尺寸
        console.log(window.innerWidth)
        console.log(window.innerHeight)

定时器小测试

		console.log