操作BOM对象

操作BOM对象(重点)

浏览器介绍

JavaScript和浏览器关系？

JavaScript诞生就是为了能够让他在浏览器中允许

BOM：浏览器对象模型

• IE 6~11
• Chrome
• Safari
• FireFox

三方

• QQ浏览器
• 360浏览器

window

window代表浏览器窗口

window.innerHeight:获取浏览器内部高度
window.innerWidth：获取浏览器内部宽度
window.outerheight:获取浏览器外部高度
window.outerwidth:获取浏览器外部宽度

Navigator

Navigator，封装了浏览器的信息

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ZS4Wa4wJ-1636384935938)(C:\Users&.sang\AppData\Roaming\Typora\typora-user-images\image-20211012185702276.png)]

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

screen

代表平面尺寸，通过浏览器获取整个屏幕
screen.width
1920
screen.height
1080

location

location代表当前页面的URL

//主机
host："www.baidu.com"
//当前指向位置
href:"https://www.baidu.com"
//重新加载，也叫刷新网页
reload：f reload();
//设置新的地址
assign("https://www.baidu.com")

document(内容)

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

//更改标题，也就是网页最上边的
document.title
"百度一下，你就知道"

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-qzpHU0Mc-1636384935941)(C:\Users&.sang\AppData\Roaming\Typora\typora-user-images\image-20211013011134808.png)]

获取cookie

document.cookie
'BIDUPSID=621A14657D3E54F48FA3B352D9F4DF18; PSTM=1611720771; BAIDUID=7764F3A48E169CA8A3487DD55AF1C04E:FG=1; BDUSS=4zOVQ2ZW9CY0VramVXNk9HTlg0ZWdaTTJPcTJoTWpjZmlzT0Qzd3ZrWFpQeDVnRVFBQUFBJCQAAAAAAAAAAAEAAACNE3Rs1M7LwMP7tryxu9W8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAANmy9l~ZsvZfQ0; BD_UPN=12314753; _ga=GA1.2.396898758.1633399290; COOKIE_SESSION=562659_1_3_4_5_7_1_0_2_3_0_2_562659_0_2_0_1633399294_1632137596_1633399292%7C6%230_1_1632137589%7C1; BDRCVFR[JnRIgHFI8-T]=dO4puMDy_impHNVmyb8mvqV; BD_HOME=1; H_PS_PSSID=26350; BA_HECTOR=80208gal2g81a0ahbv1gmbgng0q; _gid=GA1.2.549392202.1634058997; _gat=1'

劫持cookie

www.taobao.com

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

服务器端可以设置cookie：httpOnly

history

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