124-----JS基础-----Navigator

最新推荐文章于 2022-10-05 00:34:56 发布
最新推荐文章于 2022-10-05 00:34:56 发布
阅读量86 收藏
点赞数
分类专栏： JavaScript学习笔记 文章标签： javascript 前端 es6
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44517656/article/details/121504000
版权

一 代码

很简单。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script type="text/javascript">
			/*
			 * 1. BOM
			 * 	- 浏览器对象模型
			 * 	- BOM可以使我们通过JS来操作浏览器
			 * 	- 在BOM中为我们提供了一组对象，用来完成对浏览器的操作
			 * 	- BOM对象
			 * 		Window
			 * 			- 代表的是整个浏览器的窗口，同时window也是网页中的全局对象
			 * 		Navigator
			 * 			- 代表的当前浏览器的信息，通过该对象可以来识别不同的浏览器
			 * 		Location
			 * 			- 代表当前浏览器的地址栏信息，通过Location可以获取地址栏信息，或者操作浏览器跳转页面
			 * 		History
			 * 			- 代表浏览器的历史记录，可以通过该对象来操作浏览器的历史记录
			 * 				由于隐私原因，该对象不能获取到具体的历史记录，只能操作浏览器向前或向后翻页
			 * 				而且该操作只在当次访问时有效
			 * 		Screen
			 * 			- 代表用户的屏幕的信息，通过该对象可以获取到用户的显示器的相关的信息
			 * 
			 * 
			 * 		2. 这些BOM对象在浏览器中都是作为window对象的属性保存的，
			 * 			可以通过window对象来使用，也可以直接使用
			 * 
			 * 		
			 */
			
			//console.log(navigator);
			//console.log(location);
			//console.log(history);
			
			/*
			 * 3. Navigator
			 * 	- 代表的当前浏览器的信息，通过该对象可以来识别不同的浏览器
			 * 	- 由于历史原因，Navigator对象中的大部分属性都已经不能帮助我们识别浏览器了
			 * 	- 一般我们只会使用userAgent来判断浏览器的信息，
			 * 		userAgent是一个字符串，这个字符串中包含有用来描述浏览器信息的内容，
			 * 		不同的浏览器会有不同的userAgent
			 * 
			 * 火狐的userAgent
			 * 	Mozilla/5.0 (Windows NT 6.1; WOW64; rv:50.0) Gecko/20100101 Firefox/50.0
			 * 
			 * Chrome的userAgent
			 *  Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/52.0.2743.82 Safari/537.36
			 * 
			 * IE8
			 * 	Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/7.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; .NET4.0E)
			 * 
			 * IE9
			 * 	Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 6.1; WOW64; Trident/7.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; .NET4.0E)
			 * 
			 * IE10
			 * 	Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.1; WOW64; Trident/7.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; .NET4.0E)
			 * 
			 * IE11
			 * 	Mozilla/5.0 (Windows NT 6.1; WOW64; Trident/7.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; .NET4.0E; rv:11.0) like Gecko
			 * 	- 在IE11中已经将微软和IE相关的标识都已经去除了，所以我们基本已经不能通过UserAgent来识别一个浏览器是否是IE了
			 */
			
			//alert(navigator.appName);
			
			var ua = navigator.userAgent;
			
			console.log(ua);
			
			// 4. 判断不同种类的浏览器
			if(/firefox/i.test(ua)){
				alert("你是火狐！！！");
			}else if(/chrome/i.test(ua)){
				alert("你是Chrome");
			}else if(/msie/i.test(ua)){
				alert("你是IE浏览器~~~");
			}else if("ActiveXObject" in window){
				alert("你是IE11，枪毙了你~~~");
			}
			
			/*
			 * 5. 如果通过UserAgent不能判断，还可以通过一些浏览器中特有的对象，来判断浏览器的信息
			 * 比如：ActiveXObject。
			 * 注意：IE11不能使用window.ActiveXObject做判断，因为IE它做手脚，不是返回true，返回了false
			 * 最好使用in关键字判断。
			 */
			/*if("ActiveXObject" in window){
				alert("你是IE，我已经抓住你了~~~");
			}else{
				alert("你不是IE~~~");
			}*/
			/*alert("ActiveXObject" in window);*/
			
		</script>
	</head>
	<body>
		
	</body>
</html>
Mango酱
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
nativescript-vue-navigator：NativeScript-Vue的简单路由器，建立在$ navigateTo的基础上，以简化组件内部的路由
02-04
NativeScript-Vue-Navigator ...// main.js import Vue from 'nativescript-vue' ... + import Navigator from 'nativescript-vue-navigator' + import {routes} from './routes' + Vue.use(Navigator, { rou
JS基础_BOM对象Navigator
兴趣是最好的老师
12-12 157
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script type="text/javascript"> /* * BOM * - 浏览器对象模型 * - BOM可以使我们通过JS来操作浏览器 * - 在BOM中为我们提供了一组对象，用来完成对浏览器的操作 *.
JS中navigator对象详解
热门推荐
等一个晴天
07-03 1万+
闲来没事，研究js，很浅的研究了一下navigator对象，希望可以帮到大家 Navigator详解,IE11，chrome和firefox浏览器下 //属性 var appCodeName= window.navigator.appCodeName;//返回与浏览器相关的内部代码名 都为Mozilla var appNa
js---基础_Navigator
chen_zan_yu_的博客
08-16 163
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /* * BOM * -浏览器对象模型 * -BOM可以使我们通...
JS navigator 对象（提供用户所使用的浏览器以及操作系统等信息）
zhiLam 的专栏
08-09 1452
<br />navigator是一个独立的对象，他用于提供用户所使用的浏览器以及操作系统等信息，以navigator对象属性的形式来提供。<br /> <br />--------------------------------------------------------------------------------<br />属性名称　　　　　　　兼容性　　　　　　　 　 　返回内容<br />appCodeName 　　javaScript 1.0           　　　　 与浏览器相关的内部
js中 navigator 对象
weixin_30640291的博客
08-01 123
Navigator 对象包含有关浏览器的信息。 很多时候我们需要在判断网页所处的浏览器和平台，Navigator为我们提供了便利 Navigator常见的对象属性如下： 属性描述 appCodeName 返回浏览器的代码名。 appMinorVersion 返回浏览器的次级版本。 appName 返回浏览器的名称。 appVersion ...
Java学习笔记-个人整理的
12-19
{1}Java基础}{17}{chapter.1} {1.1}基本语法}{17}{section.1.1} {1.2}数字表达方式}{17}{section.1.2} {1.3}补码}{19}{section.1.3} {1.3.1}总结}{23}{subsection.1.3.1} {1.4}数据类型}{23}{section.1.4} {...
2一面 2：JS-Web-API 知识点与高频考题解析.md
最新发布
03-31
# 一面 2：JS-Web-API 知识点与高频考题解析 除 ES 基础之外，Web 前端经常会用到一些跟浏览器相关的 API，接下来我们一起梳理一下。 ## 知识点梳理 - BOM 操作 - DOM 操作 - 事件绑定 - Ajax - 存储 ------ ##...
Portland-Transit-Navigator:一个用于获取俄勒冈州波特兰市过境时间的Web应用程序
05-04
我最初来自洛杉矶，那里有糟糕的公共交通基础设施，我喜欢体验波特兰在这方面所提供的服务。 有很多不错的应用程序可以帮助人们计划在波特兰的过境旅行，但是作为开发人员，我自然不得不使用Trimet Transit API创建...
wxapp_starbucks-仿星巴克微信小程序.zip
09-23
清凉一夏 来点一杯星巴克吧! 当我们还在家中吹着空调敲着代码吃着西瓜的时候，可能你的她还在炎炎夏日下大汗淋漓，打开这个小程序，为...2. 因为没有什么js基础，所以踩了很多坑，代码也不够简洁，优化，以后多加改善
浅谈navigator
dlxxn0518的博客
12-13 782
>   html>   head>       meta charset="UTF-8">       title>Navigator详解,IE11，chrome和firefox浏览器下title>       script>          //属性          var appCodeName= window.navigator.appCodeName;//返回与浏览器相关
JavaScript学习笔记：Navigator
薛定谔的猫
10-05 710
代表当前浏览器的地址栏信息，通过Location可以获取地址栏信息，或者操作浏览器跳转页面。代表的是整个浏览器的窗口，同时Window也是网页中的全局对象。代表当前浏览器的历史记录，可以通过该对象来操作浏览器的历史记录。代表用户屏幕的信息，通过该对象可以获取用户的显示器的相关信息。代表当前浏览器的信息，通过该对象来识别不同的浏览器。这些BOM对象在浏览器都是作为Windows对象属性保存的，在BOM中为我们提供了一组对象，用来完成对浏览器的操作。不用的浏览器有不同的userAgent。...
JS基础-BOM Navigator
linqunbin的博客
06-01 351
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...
前端---js（自学笔记27)（BOM--Navigator）
ABU_MOlI_ITUI的博客
09-07 179
BOM BOM: 浏览器对象模型 BOM可以使我们通过JS来操作浏览器 在BOM中为我们提供了一组对象，用来完成对浏览器的操作 BOM对象： Window：代表的是整个浏览器的窗口，同时window也是网页中的全局对象 Navigator：代表的当前浏览器的信息，通过该对象可以来识别不同的浏览器 Location:代表当前浏览器的地址栏信息，通过Location可以获取地址栏信息，或者操作浏览器跳转页面 History:代表浏览器的历史记录。可以通过该对象来操作浏览器的历史记录，由于隐私问题
js中的浏览器（Navigator）
wuyou1336的博客
10-14 1343
浏览器信息： window.navigator ： 代表正在使用的浏览器的对象。 window.navigator.appCodeName： 返回浏览器的代码名。"Mozilla" 本来是 Netscape Navigator 的开发代码（语源是怪兽哥斯拉），考虑到为 Mozilla 制作的网页的兼容性，Internet Explorer 的返回值也是 "Mozilla"。 wind
JS-BOM— —navigator对象
mocoll的博客
08-20 77
六、navigator对象 navigator对象包含有关浏览器的信息,它有很多属性,我们最常用的是userAgent ,该属性可以返回由客户机发送服务器的user -agent头部的值。 下面前端代码可以判断用户那个终端打开页面,实现跳转 ...
js的Navigator对象
_米粒儿_的博客
08-21 966
Navigator对象 Navigator 对象包含有关浏览器的信息，通常用于检测浏览器与操作系统的版本。 对象属性: 查看浏览器的名称和版本，代码如下: var browser=navigator.appName; var b_version=navigator.appVersion
JS浏览器对象之Navigator对象
web工程师——小发发
03-24 1519
以谷歌浏览器为例 Navigator对象 Navigator 对象包含有关浏览器的消息。 注意：没有应用于navigator对象的公开标准，不过所有浏览器都支持该对象。 Navigator对象属性 appCodeName：返回浏览器的代码名 var a=navigator.appCodeName console.log(a);//Mozilla appName：返回浏览器的名称 var a=navigator.appName console.log(a);//Netscape(网景)
js的navigator对象
wuxinliulei的专栏
10-26 952
该对象包含整个浏览器的环境信息，包含常用属性如下： appName，保存浏览器名称 appVersion，保存浏览器的版本号 appCodeName，反映用字符串表示的当前浏览器的代码名称。 navigator对象 <!-- var appname = navigator.appName; var appversion = navigator.appVersion; docu
微信小程序中能直接使用navigator标签或者bindtap标签吗
06-12
`navigator` 标签是小程序提供的一个基础组件，用于跳转到其他页面或者外部链接。使用 `navigator` 标签可以实现类似于 `<a>` 标签的功能。例如，要跳转到另一个页面，可以这样写： ``` <navigator url="/pages/...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值