主页 分类 关于

JavaScript BOM

  1. window
  2. Navigator
  3. screen
  4. location (重要)
  5. document
  6. history

JavaScript个人整理

window

作用: 有关浏览器窗口

window.alert(1)
undefind
window.innerHeight
790
window.innerWidth
918
window.outerHeight
28
window.outerWidth
160

Navigator

作用: 封装浏览器信息

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

screen

作用: 代表屏幕尺寸

screen.width
1536
screen.height
864

location (重要)

// 主机
host: "www.baidu.com"
// 当前指向的位置
href: "http://www.baidu.com/"
// 协议
protocol: "http:"
//重新加载/刷新
reload: ƒ reload()
// 设置新的地址
location.assign('https://sdq3.gitee.io/')

document

document 表示当前页面, HTML DOM文档树

document.title
"百度一下, 你就知道"
document.title = "我叫史迪奇"
"我叫史迪奇"

获取具体的文档树节点

<dl id ="app">
    <dt>史迪奇</dt>
    <dt>史迪奇国王</dt>
    <dt>史迪奇骑士</dt>
</dl>

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

获取cookie

document.cookie
"BIDUPSID=EC9E21CA08B01D9E2E577F635293067..."

劫持cookie原理
+ 劫持cookie: 获取你的cookie然后上传的它的服务器
+ 预防: 服务器端设置 cokie: httpOnly

<script src="sdq.js"></script>

history

代表浏览器的历史记录

// 前进
history.forward()
// 返回
history.back()









作者: 我叫史迪奇
本文来自于: https://sdq3.link/JavaScript-BOM.html博客内容遵循 署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0) 协议