JavaScript操作BOM对象（重点）

浏览器介绍

JavaScript和浏览器有什么关系？

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

 

BOM：浏览器对象模型

• IE 6-11
• Chreme
• Safari
• FireFox   

 

三方

• QQ浏览器
• 360浏览器

 

window

 window代表浏览器窗口

 

Navigator（不建议使用）

 Navigator，封装了浏览器的信息

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

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

 

screen

 代表屏幕的尺寸

 

location（重要）

 location代表当前页面的URL信息

host: "mp.csdn.net"
href: "https://mp.csdn.net/editor/html/115600202"
protocol: "https:"
reload: ƒ reload()    // 刷新页面
//设置新的地址
location.assign('https://www.taobao.com/')

 

document（文本内容）

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

获取具体的文档树节点

<dl id="app">
    <dt>王者荣耀</dt>
    <dt>英雄联盟</dt>
    <dt>刺激战场</dt>
</dl>

<script>
    var dl = document.getElementById('app')
</script>

获取cookie

劫持cookie原理

www.taobao.com

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

服务器端可以设置cookie：httpOnly

 

history（不建议使用）

 

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