javaScript 操作BOM对象 重点

操作BOM对象

浏览器介绍：
JavaScript和浏览器有什么关系？

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

BOM：浏览器对象模型
源生

• IE6-12
• Chrome
• Safari
  -FireFox

非源生
第三方

• QQ浏览器
• 360浏览器

window代表浏览器窗口

window.alert（）
window.innerHeight
1170
window.outerHeight
1170
window.innerWidth
2560
window.outerWidth
2560

navigator 封装了浏览器的信息

navigator.appName
"Netscape"

navigator.appVersion
"5.0 (Linux; Android 6.0; Nexus 5 Build/MRA58N) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/86.0.4240.198 Mobile Safari/537.36"

navigator.userActivation
UserActivation {hasBeenActive: true, isActive: true}

navigator.userAgent
"Mozilla/5.0 (Linux; Android 6.0; Nexus 5 Build/MRA58N) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/86.0.4240.198 Mobile Safari/537.36"

navigator.platform
"Win32"

大多数不会使用navigator，因为可以人为修改
不建议使用这些属性来判断

screen 代表屏幕尺寸

screen.height
1170
screen.width
2560

location 重点

当前页面的Url信息

host: "www.baidu.com"
href: "https://www.baidu.com/s?wd=%E7%99%BE%E5%BA%A6&ie=UTF-8"
protocol: "https:"
reload: ƒ reload()   //重新加载，刷新
//设置新的地址
location.assign('www.aaaaaa@2980.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
获取cookie

劫持cookie原理

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

服务器端可以设置cookie:httpOnly

history

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