BOM对象——Navigator

BOM对象——Navigator

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
			/*
			BOM
			   - 浏览器对象模型
			   - BOM可以使我们通过js来着、操作浏览器
			   - 在BOM中为我们提供了一组对象,用来完成对浏览器的操作
			   - BOM对象
			      Window
				    - 代表的是整个浏览器的窗口,同时window也是网页中的全局对象
				  Navigator
				    - 代表的当前浏览器的信息,通过该对象可以来识别不同的浏览器
				  Location
				    - 代表的当前浏览器的地址栏信息,通过Localtion可以获取地址栏信息,或者操作浏览器跳转页面
				  History
				    - 代表浏览器的历史记录,可以通过该对象来操作浏览器的历史记录
					    由于隐私原因,该对象不能获取到具体的历史记录,只能操作浏览器向前或向后翻页
						而且只能访问当次访问有效
				  Screen
				    - 代表用户的屏幕的信息,通过该对象可以获取到用户的显示器的相关信息。
					
					
					BOM对象在浏览器中都是作为window对象属性保存的
					    可以通过window对象来使用,也可以直接使用
					
				  
			*/

			/*
		  Navigator
			  - 代表的当前浏览器的信息,通过该对象可以来识别不同的浏览器
				- 由于历史原因,Navigator对象中的大部分属性都已经不能帮助我门识别浏览器
				- 一般我们会使用userAgent来判断浏览器信息
				     userAgent是一个字符串,这个字符串包含有用来描述浏览器信息的内容
					 不同的浏览器会有不同的userAgnes
			   - Chrome userAgnes
			      Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/75.0.3770.142 Safari/537.36
		       - 在IE11中已经将微软和IE相关的标识都去除了,所以我们基本上已经不能通过UserAgent来识别一个浏览器是否是IE
		   
		   */
			// console.log(navigator.appName);
			console.log(navigator.userAgent);
			//检查一个字符串中是否包含某个字符串

			var ua = navigator.userAgent;
			if (/Chrome/i.test(ua)) {
				alert("chrome");
			} else if (/firefox/i.test(ua)) {
				alert("firefox");
			} else if (/msie/i.test(ua)) {
				alert("IE");
			} else if ("ActiveXObject" in window) {
				alert("IE11");
			}

			/*
			如果通过UserAgnes不能判断吗、,还可以通过一些浏览器特有的对象,来判断浏览器的信息
			 比如:ActiveXObject
			*/
		</script>
	</head>
	<body>
	</body>
</html>

posted @ 2019-12-19 12:28  小咸鱼|大梦想  阅读(408)  评论(0编辑  收藏  举报