7.操作bom对象

7.操作BOM对象

BOM:浏览器对象模型

 

window

//弹窗
window.alert(1)
//浏览器内外高度
window.innerHeight
754
window.innerWidth
1134
window.outerHeight
824
window.outerWidth
1536

Navigator

//封装了浏览器的基本信息

navigator.appName
'Netscape'
navigator.appVersion
'5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.5060.134 Safari/537.36 Edg/103.0.1264.71'
navigator.userAgent
'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.5060.134 Safari/537.36 Edg/103.0.1264.71'

screen

//代表屏幕大小

screen.height
864
screen.width
1536

location(重要)

代表当前页面URL信息

host: "www.baidu.com"//主机
href: "https://www.baidu.com/"//指向的位置
protocol: "https:"//协议
reload: ƒ reload()//重新加载,刷新网页
location.assign(链接地址)//设置新的地址

document

代表当前页面信息

 

document.title
'百度一下，你就知道'
document.title='nihao'
'nihao'

获取具体的文档数节点

<dl id="ni">
    <dt>Java</dt>
    <dd>JavaSe</dd>
    <dd>JavaMe</dd>
</dl>
     <script>
        document.getElementById('ni')
    </script>

获取cookie

document.cookie

history

history.back()//后退
history.forward()//前进