操作BOM对象

操作BOM对象（重点）

浏览器介绍

JavaScript和浏览器关系? JavaScript诞生就是为了能够让他在浏览器中运行！ BOM：浏览器对象模型

• IE 6~11

• Chrome

• Safari

• FireFox

三方

• QQ浏览器

• 360浏览器

window（重要）

window代表浏览器窗口

window.alert('123')
undefined
window.innerHeight
969
window.innerWidth
1270
window.outerHeight
1040
window.outerWidth
1920

navigator（不建议使用）

navigator，封装了浏览器的信息

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

大多数时候，我们不会使用navigator对象，因为会被人人为修改！ 不建议使用这些属性来判断和编写代码

screen

screen.height
1080px
screen.width
1920px

locaton(重要)

location代表当前页面的URL信息

host: "www.baidu.com"
href: "https://www.baidu.com/"
protocol: "https:"
reload: ƒ reload() //刷新网页
//设置新的地址
location.assign('https://www.baidu.com/')

document（内容）

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

document.title
'百度一下，你就知道'
document.title='杨不悔'
'杨不悔'

获取具体的文档树节点

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

获取cookie

document.cookie
'SECKEY_ABVK=MBO5RNdDnkxMCNNKYgFx7OFbYmbAtufeEEkuvbtltaQ%3D; '

劫持cookie

原理 www.taobao.com

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

服务器端可以设置cookie:httpOnly

history（不建议使用）

history代表浏览器的历史纪录

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