JavaScript-BOM对象

2022/1/26 20:04:43

编程Tag： javascript 对象浏览器 bom window navigator document 537.36 screen

本文主要是介绍JavaScript-BOM对象，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

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

这篇关于JavaScript-BOM对象的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！