操作BOM对象（重点）

js和浏览器的关系？

js诞生就是为了让它能够在浏览器中运行。

BOM：浏览器对象模型

·IE 6-11

·Chrome

·Safari (苹果）

·FireFox（linux绑定的）

 

window 代表浏览器窗口

1 window.alert(1)
2 undefined
3 window.innerHeight
4 2
5 window.innerWidth
6 806
7 window.outerHeight
8 1

Navigator

Navigator,封装了浏览器的信息（大写的是类，小写的才是对象）

1 navigator.appName
2 "Netscape"
3 navigator.appVersion
4 "5.0 (Linux; Android 6.0; Nexus 5 Build/MRA58N) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/90.0.4430.93 Mobile Safari/537.36"
5 navigator.userAgent
6 "Mozilla/5.0 (Linux; Android 6.0; Nexus 5 Build/MRA58N) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/90.0.4430.93 Mobile Safari/537.36"
7 navigator.platform
8 "Win32"

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

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

 

screen

代表屏幕尺寸

1 screen.width
2 805
3 screen.height
4 1

 

location（重要）

location 代表当前页面的URL信息

1 host: "www.baidu.com" 
2 href: "https://www.baidu.com/" 
3 protocol: "https:" 
4 // 设置新的地址
5 location.assign('https://i.cnblogs.com/')
6 reload:f reload() // 刷新网页

 

documeny

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

1 document.title
2 "百度一下，你就知道"
3 document.title='被我修改了'
4 "被我修改了"

获取具体的文档树节点

1 <dl id="app">
2     <dt>java</dt>
3     <dt>javase</dt>
4     <dt>javaee</dt>
5 </dl>
6 <script>
7     var dl = document.getElementById('app');
8 </script>

获取cookie

1 document.cookie
2 "BAIDUID=0C7FE33E4C26AB79979F7EBF35FFA8FD:FG=1; BIDUPSID=0C7FE33E4C26AB79979F7EBF35FFA8FD;

劫持cookie原理

当我们登录淘宝的时候，弹出一个页面脚本

1 <script src='chief.js'>  </script>
2 <!-- 恶意人员会通过我们点击这个脚本链接获取到我们的cookie信息,把cookie信息上传到他的服务器 -->

服务器端可以设置cookie:httpOnly  只读

 

history

代表浏览器的历史记录，不建议使用

1 history.forward // 前进
2 
3 history.back // 后退

 

posted on 2021-05-07 09:41  Love&Share  阅读(59)  评论(0)  编辑  收藏  举报

导航