ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

操作BOM对象(重点)

2021-05-07 10:03:50  阅读:217  来源: 互联网

标签:浏览器 对象 537.36 window cookie BOM 操作 navigator document


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

 

标签:浏览器,对象,537.36,window,cookie,BOM,操作,navigator,document
来源: https://www.cnblogs.com/YXBLOGXYY/p/14737830.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有