BOM对象

操作BOM对象

浏览器介绍

JavaScript 和浏览器关系

JavaScript 诞生就是为了能够让他在浏览器中运行！

BOM ：浏览器对象模型 （内核）

• IE 6-11
• Chrome
• Safari
• FireFox

三方：

• QQ浏览器
• 260浏览器

window

window 代表 浏览器窗口

window.alert(1)
undefined
window.innerHeight
754
window.innerWidth
982
window.outerHeight
824
window.outerWidth
1536

调整浏览器的窗口  值会随之改变

Navigator

Navigator 封装了 浏览器的信息

navigator.userAgent
"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.190 Safari/537.36"
navigator.appVersion
"5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.190 Safari/537.36"
navigator.bluetooth
Bluetooth {}
navigator.geolocation
Geolocation {}
navigator.platform
"Win32"

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

不建议使用这些属性来判断和编写代码

screen

代表屏幕的尺寸

screen.width
1536
screen.height
864
screen.height
864

location (重要)

location 代表当前页面的URL信息

host: "www.baidu.com"
href: "https://www.baidu.com/"
protocol: "https:"
reload()   刷新网页
location.assign('https://home.firefoxchina.cn/')  直接跳转网站

document

document代表当前的页面， HTML DOM 文档树

document.title
"知乎 - 有问题，就会有答案"
document.title="wwl"
"wwl"

获取具体的文档树节点

<dl id="app">
   <dt>wwl</dt>
   <dd>ljb</dd>
   <de>zq</de>


</dl>

<script>

    var dl=document.getElementById('app')

</script>

获取cookie

document.cookie
"Hm_lvt_dd4738b5fb302cb062ef19107df5d2e4=1614723948,1614810047,1614817957,1614820580; Hm_lpvt_dd4738b5fb302cb062ef19107df5d2e4=1614820580"

劫持cookie 原理

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

防止劫持cookie 的办法

服务器端可以设置 cookie ：httpOnly

history

history 代表浏览器的历史纪录

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