操作BOM对象（重点）

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了操作BOM对象（重点），小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1821字，纯文字阅读大概需要3分钟。

内容图文

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 // 后退

 

内容总结

以上是互联网集市为您收集整理的操作BOM对象（重点）全部内容，希望文章能够帮你解决操作BOM对象（重点）所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---