JS基础-Navigator-尚硅谷-P124

最新推荐文章于 2024-02-04 09:25:52 发布

比目鱼～

最新推荐文章于 2024-02-04 09:25:52 发布

阅读量309

点赞数

分类专栏： JS 文章标签： javascript chrome safari

本文链接：https://blog.csdn.net/qq_43624193/article/details/122747562

版权

JS 专栏收录该内容

23 篇文章 3 订阅

订阅专栏

视频链接
视频

代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
		/**
		 * BOM 
		 * ---浏览器对象模型
		 *  为BOM中提供了一组对象
		 * 完成浏览器操作
		 * Window---代表整个浏览器的窗口，同时window也是网页中的全局对象
		 * Navigator---代表当前浏览器的信息 通过整个识别不同的浏览器
		 * Location---代表当前浏览器的地址栏信息 通过location可以操作浏览器跳转页面
		 * History---代表浏览器的历史记录，可以通过该对象操作浏览器的历史记录 
		 * 由于隐私的原因 该对象不能获取到具体的历史记录 只能向前或向后翻页 而且该操作只在当次访问有效
		 * 
		 * Screen---代表用户的屏幕的信息，通过该对象可以获取到用户的屏幕的相关信息
		 */
		/**
		 * navigator 由于历史原因 navigator中的大部分属性，都已经不能帮助我们识别浏览器了
		 * 一般我们会使用userAgent来判断浏览器信息
		 * --userAgent是一个字符串 这个字符串中包含有用来描述浏览器信息的内容
		 * --不同的浏览器会有不同的userAgent
		 */
		//alert(navigator.userAgent);
		
		/**
		 * 火狐：Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:96.0) Gecko/20100101 Firefox/96.0
		 * Chrome：Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/98.0.4758.9 Safari/537.36
		 * IE8:Mozilla/4.0 (compatible; MSIE 8.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)
		 * IE9:Mozilla/5.0 (compatible; MSIE 9.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)
		 * IE10:Mozilla/5.0 (compatible; MSIE 10.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)
		 * IE11: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
		 * 
		 */
		var ua=navigator.userAgent;
		console.log(ua);
		if(/Firefox/i.test(ua)){
			alert("你是火狐！！！");
		}else if(/chrome/i.test(ua)){
			alert("你是Chrome");		
		}else if("ActiveXObject" in window){
			alert("你是IE11");
		}
		//如果通过userAgent不能判断，还可以通过一些特有的对象来判断浏览器的信息
		// if("ActiveXObject" in window){
		// 	alert("你是IE，我已经抓住你了");
		// }else{
		// 	alert("你不是IE");
		// }
		</script>
	</head>
	<body>
		
	</body>
</html>

比目鱼～

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
JS基础-Navigator-尚硅谷-P124

视频链接视频代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> /** * BOM * ---浏览器对象模型 * 为BOM中提供了一组对象 * 完成浏览器操作 * Window---代表整个浏览器的窗口，同时win
复制链接

扫一扫