首页 > 其他分享> 文章详细

操作BOM对象（重点）

2022-03-29 21:33:02 阅读：147 来源： 互联网

标签：浏览器对象 E6% history cookie BOM 操作 document location

js和浏览器关系：

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

BOM：浏览器对象模型

　　window对象：代表浏览器窗口

navigator 封装了浏览器的信息

大多数不会使用navigator对象，会被人为修改

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

screen：

代表屏幕尺寸

location(重要)

location代表当前页面的URL信息

　　host: "localhost:63342"

　　href: "http://localhost:63342/Doremi-Ticket/web/WEB-INF/javascript%E5%AD%A6%E4%B9%A0/2.%E5%9F%BA%E6%9C%AC%E8%AF%AD%E6%B3%95/12.class%E7%BB%A7%E6%89%BF.html?_ijt=tia6kn1l1475duvntubmt4d2n

　　protocol: "http:" //协议

　　reload: ƒ reload() //刷新网页

　　location.assign('https://......') //可以设置新的地址

document：

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

　　document.title

　　document.titile = " "

获取具体的文档树节点

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6 
 7 
 8 
 9 </head>
10 
11 
12 <body>
13 <dl id="wty">
14 
15     <dt>java</dt>
16     <dd>java1</dd>
17     <dd>java2</dd>
18 </dl>
19 
20 
21 </body>
22 <!--放在head中不生效，获取不到节点-->
23 <script>
24     let dl = document.getElementById("wty");
25 </script>
26 </html>

　获取cookie

　　document.cookie

　劫持cookie

　　<script src="xx.js"></script>
　　其他人可能会获取你的cookie上传到他的服务器上访问网站

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

history：

　　代表浏览器的历史记录

　　history.forward() //前进

　　history.back()　　//后退

标签：浏览器,对象,E6%,history,cookie,BOM,操作,document,location
来源： https://www.cnblogs.com/doremi429/p/16073910.html

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

ICode9

操作BOM对象（重点）