JavaScript学习笔记十三 —— 操作BOM对象

JavaScript学习笔记十三 —— 操作BOM对象

---

参考教程B站狂神https://www.bilibili.com/video/BV1JJ41177di

---

BOM：浏览器对象模型

window窗口

window.alert(1) //弹窗

window.innerHeight //内部高度

window.innerWidth //内部宽度

window.outerWidth //外部高度

window.outHeight //外部高度

navigator

Navigator，封装了浏览器的信息

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

navigator

[object Navigator]: {activeVRDisplays: Array, appCodeName: "Mozilla", appName: "Netscape", appVersion: "5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.102 Safari/537.36 Edge/18.18362", cookieEnabled: true...}

navigator.appName

"Netscape"

navigator.appVersion

"5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.102 Safari/537.36 Edge/18.18362"

navigator.userAgent

"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.102 Safari/537.36 Edge/18.18362"

navigator.platform

"Win32"

screen 屏幕

screen.height

screen.width

location

location 代表当前页面的url信息

host: "www.baidu.com" 主机
href: "https://www.baidu.com/" 当前指向位置
protocol: "https:" 协议
reload: ƒ reload() 刷新网页
//设置新地址，放上这段代码后，打开原来的网站就会跳转到你填写的链接的网站了
location.assign('url')

document

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

document.title
"百度一下，你就知道"
document.title = 'yinglongwu' //修改标题
"yinglongwu"

获取具体的文档树节点

<dl id = "app">
    <dt>java</dt>
    <dd>javaEE</dd>
    <dd>javaSE</dd>
</dl>

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

获取cookie

document.cookie

cookie 可以被劫持，从而获取你的一些信息，如用户名、密码等

服务器端可以设置cookie为 httpOnly ，就比较安全

history

history代表浏览器的历史记录
偷懒行为，不建议使用

history.back() //网页后退

history.forward() //网页前进