JavaScript-BOM对象

2022-01-26 19:31:13 阅读：150 来源： 互联网

标签：浏览器对象 screen JavaScript 537.36 window BOM navigator document

Browser Object Model 浏览器对象模型

7.1、window

代表浏览器窗口

 window.alert(1)
 undefined
 window.innerHeight
 760
 window.innerWidth
 743
 window.outerHeight
 864
 window.outerWidth
 1536
 //获取浏览器的宽度和高度，根据调整随时发生改变

7.2、Navigator

封装了浏览器的信息

 navigator.appName//当前应用名
 'Netscape'
 navigator.appVersion//当前浏览器的版本号
 '5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/93.0.4577.82 Safari/537.36'
 sentry-5.7.1.min.js:2 [Violation] 'requestAnimationFrame' handler took 59ms
 navigator.userAgent//用户信息
 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/93.0.4577.82 Safari/537.36'
 navigator.platform//系统版本
 'Win32'

navigator对象一般不使用，因为其可以被为人为修改，所以无法通过这些属性来判断

7.3、screen

屏幕尺寸

 //获取屏幕大小
 screen.width
 1536
 screen.height
 864

7.4、location

当前页面的url信息

 host: "www.bilibili.com"// 主机
 href: "https://cn.bing.com/chrome/newtab"// 指向位置
 protocol: "https:"// 协议
 reload: ƒ reload() //重新加载  刷新网页
 location.assign('http://www.baidu.com')//设置新的跳转地址

7.5、document

代表当前页面 DOM对象

获取当前页面标题，可更改

 document.title
 '必应'
 document.title='百度'
 '百度'

获取文档树节点

 <body>
 <ll id="list">
     <li>java</li>
     <li>c++</li>
 </ll>
 </body>
 <script>
     var li=document.getElementById('list');
 </script>

获取cookie

 document.cookie//存储登录信息

7.6、history

浏览器的历史记录

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

标签：浏览器,对象,screen,JavaScript,537.36,window,BOM,navigator,document
来源： https://blog.csdn.net/xmosang/article/details/122707466

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