BOM 事件 navigator浏览器的判断

2021-12-18 13:00:34 阅读：210 来源： 互联网

标签：浏览器对象 window BOM userAgent navigator ua

BOM
浏览器对象模型
BOM可以使用我们通过js来操作浏览器
在BOM中我们提供一组对象，用来完成对浏览器的操作
BOM对象
Window
代表的是整个浏览器的窗口，同时window也是网页中全局对象

Navigator
代表的当前浏览器的信息，通过该对象可以识别不同的浏览器
Location
代表当前浏览器的地址栏信息、通过Location可以获取地址栏信息和跳转页面
History
代表浏览器的历史记录、可以通过该对象来操作浏览器的历史记录
由于隐私的原因，该对象不能获取到具体的历史记录，只能操作浏览器向前向后翻页
而且该操作只能在当次访问时有效
Screen
代表用户的屏幕信息，通过该对象可以获取到用户的显示器的相关信息
这些BOM对象在浏览器中都是作为window对象的属性保存的
我们可以通过window对象来使用，也可以直接使用

不同浏览器的不同信息查看方法：

由于历史原因，navigator中的大部分属性已经不能帮助我们识别浏览器了
一般我们只会使用userAgent来判断浏览器的信息
userAgent是一个字符串，这个字符串中包含有描述浏览器中的信息的内容，不同的浏览器有不同的userAgent

chrome的userAgent
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/93.0.4577.82 Safari/537.36

IE的userAgent
Mozilla/5.0 (Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E; .NET CLR 2.0.50727; .NET CLR 3.0.30729; .NET CLR 3.5.30729; rv:11.0) like Gecko

Edg的userAgent
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/93.0.4577.63 Safari/537.36 Edg/93.0.961.47

 1 <script type="text/javascript">
 2         var ua=navigator.userAgent;
 3             console.log(ua);
 4             if( /edg/i.test(ua)){
 5                 alert( "我是Edg！！！");
 6             }else if(/chrome/i.test(ua)){
 7                 alert("我是chrome！！！");
 8             }else if(/msie/i.test(ua)){
 9                 alert("我是IE浏览器！！！");
10             }else if("ActiveXObject" in window){
11                 alert("我是IE11");
12             }
13         </script>

标签：浏览器,对象,window,BOM,userAgent,navigator,ua
来源： https://www.cnblogs.com/yqPhare/p/15704806.html

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

ICode9

BOM 事件 navigator浏览器的判断