操作BOM对象

suaxi
2020-12-09 / 0 评论 / 125 阅读 / 正在检测是否收录...

Browser Object Model:浏览器对象模型

window

window代表浏览器窗口

window.alert("Hello World")
undefined
window.innerHeight
906
window.innerWidth
559
……
Navigator(不建议使用)

Navigator封装了浏览器的信息

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

注:一般情况下不使用navigator,存在被人为修改的隐患

screen

代表屏幕规格

screen.width
1920
screen.height
1080
location

location代表当前页面的URL信息

host:"www.bing.com"
href:"https://www.bing.com"
protocol:"https:"
reload:ƒ reload() //重新加载,刷新网页

//设置新的地址
location.assign('https://xxx.com')
document

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

获取具体的文档树节点

<dl id="test">
    <dt>JavaScript</dt>
    <dd>demo01</dd>
    <dd>demo02</dd>
</dl>

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

获取cookie

document.cookie

劫持cookie原理:通过js恶意代码

在服务器端可以设置cookie:httpOnly

history(不建议使用)

history代表浏览器的历史记录

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

评论 (0)

取消