浏览器之BOM

window对象

window对象简介

window对象指当前浏览器的窗口。
全部变量是window对象的属性。
全部函数是window对象的方法。
甚至HTML DOM是document对象的属性之一。

window对象的尺寸

window.innerHeight——浏览器窗口的内部高度。
window.innerWidth——浏览器窗口的内部宽度。
这两者都不包含工具栏和滚动条。

window对象的方法

window.open('url','页面的名字','height=200,width=100,top=10,left=10')[打开新的窗口]
window.close()[关闭当前的窗口]
系统对话框向用户显示消息

• alert()包含指定的文本和一个'ok''的按钮。
• confirm()包含指定的文本和''ok'/cancle按钮。
• prompt()提示框。用于提示用户输入一些文本。
  计时器后续会讲

location对象

window.location和document.location引用的是一个对象。用于获得当前页面的url并把浏览器重定向到新的页面。
href用于获取当前页面的url。而assign()用于定位到新的页面。

<button id='btn' onclick='getloc'>按钮</button>
<p id='ptime'></p>
<script>
    function getloc(){
        document.getElementById('ptime').innerHTML=window.location.href/window.location.assign('www.baidu.com')
    }
</script>

History对象

包含浏览器的历史url的集合。
history.go(-1)//后退一页
history.go(1)//前进一页
history.back()//后退一页
history.forward()//前进一页

screen对象

获取用户屏幕的信息,用处不大。
document.write('可用高度'+screen.availHeight+'可用高度'+screen.availWidth)

navigator对象

该对象的属性通常用于检测网页浏览器的类型。

cookie