BOM：浏览器对象模型

window代表浏览器窗口

>window.alert(1)
undefined
>window.innerHeight    //浏览器内部高度
242
>window.innerWidth
1229
>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/108.0.0.0 Safari/537.36'
>navigator.userAgent
'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/108.0.0.0 Safari/537.36'
>navigator.platform
'Win32'

大多数时候，我们不会使用navigator对象，因为会被人为修改。

screen，可以控制屏幕大小

>screen.width
1536  px
>screen.height
864   px

location(重要)：代表当前页面的URL信息

host："www.baidu.com"   //主机
href:"https://www.baidu.com/"  //当前指向的位置
protocol:"https:"            //协议

>reload:reload();   //刷新网页
>location.assign("https://blog.liner.com/")   //设置新的地址

document ：代表当前的页面。就是html中的DOM树。

>document.title
'百度一下，你就知道'
>document.title="头好痒，感觉要长脑子了"
'头好痒，感觉要长脑子了'

获取具体的文档树节点 

    <dl id="app">
        <dt>Java</dt>
        <dd>JavaSE</dd>
        <dd>JavaEE</dd>
    </dl>
<script>
    var dl = document.getElementById('app')
</script>

 

 获取cookie

document.cookie
'BIDUPSID=1423F13EEDCDB24440ED6813F8B55E2B; PSTM=1623372430; BAIDUID=7B112CCBA8D2EED432D513A84FAF2C28:FG=1; BD_UPN=12314353; BDORZ=B490B5EBF6F3CD432E515D22BCDA1598; 

劫持cookie原理

<script src="aa.js"></script>
<!--恶意人员：获取你的cookie上传到他的服务器-->

服务器端可以设置cookie：httpOnly

history

history代表浏览器的历史记录

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