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>

BOM对象——Navigator的更多相关文章

  1. BOM之navigator对象和用户代理检测

    前面的话 navigator对象现在已经成为识别客户端浏览器的事实标准,navigator对象是所有支持javascript的浏览器所共有的.本文将详细介绍navigator对象和用户代理检测 属性 ...

  2. BOM 对象--location、navigator、screen、history

    1.location 对象 location提供了与当前窗口中加载的文档有关的信息,还有一些导航功能.需要注意的是,window.location 和 document.location 引用的是同一 ...

  3. Navigator - BOM对象

    Navigator 对象 Navigator 对象包含有关浏览器的信息. 注释:没有应用于 navigator 对象的公开标准,不过所有浏览器都支持该对象. Navigator 对象集合 集合 描述 ...

  4. BOM对象有哪些：

    BOM对象有哪些: 1.window对象 ,是JS的最顶层对象,其他的BOM对象都是window对象的属性: 2.document对象,文档对象: 3.location对象,浏览器当前URL信息: 4 ...

  5. JavaScript BOM对象介绍

    bom:即broswer object model(浏览器对象模型),由五个对象组成:        Window:对象表示浏览器中打开的窗口 最顶层对象.       Navigator :浏览器对 ...

  6. JavaScript基础16——js的BOM对象

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  7. javascript BOM对象 第15节

    <html> <head> <title>浏览器对象</title> <script type="text/javascript&quo ...

  8. 重操JS旧业第十一弹：BOM对象

    BOM对象即浏览器内置对象,现今流行的浏览器内核有Safri,Firefox,Chrome,Opera,IE其中IE的兼容性是最蛋疼的在10及其过后还好点,但是现在IE基本上淘汰,而国内像360这种垃 ...

  9. JavaScripts 的bom对象

    bom:即broswer object model(浏览器对象模型),由五个对象组成:        Window:对象表示浏览器中打开的窗口 最顶层对象.       Navigator :浏览器对 ...

随机推荐

  1. Chrome插件安装的3种方法，解决拖放不能安装的情况，并提供插件下载

    本文摘录于Chrome插件网站 方法一:拖放安装 下载插件的crx文件后,打开Chrome的扩展页面(chrome://extensions/或按Chrome菜单图标>更多工具>扩展程序) ...

  2. C#程序编写高质量代码改善的157个建议【13-15】[为类型输出格式化字符串、实现浅拷贝和深拷贝、用dynamic来优化反射]

    前言 本文已更新至http://www.cnblogs.com/aehyok/p/3624579.html .本文主要学习记录以下内容: 建议13.为类型输出格式化字符串 建议14.正确实现浅拷贝和深 ...

  3. css实现input表单验证

    有没有办法只通过css来确定input标签是否有输入? 我有这个想法是因为我想完成一个自动补全的input部件,最基本的功能是: 如果input没有内容,这隐藏下拉框 反之,显示下拉框 我找到了一个也 ...

  4. .NETCore 访问国产达梦数据库

    前言 武汉达梦数据库有限公司成立于2000年,为中国电子信息产业集团(CEC)旗下基础软件企业,专业从事数据库管理系统的研发.销售与服务,同时可为用户提供大数据平台架构咨询.数据技术方案规划.产品部署 ...

  5. APP Distribution Guide 苹果官网

    https://developer.apple.com/library/ios/documentation/IDEs/Conceptual/AppDistributionGuide/Introduct ...

  6. Xcode 清理存储空间（转）

    一 移除 Xcode 运行安装 APP 产生的缓存文件(DerivedData) 只要重新运行Xcode就一定会重新生成,而且会随着运行程序的增多,占用空间会越来越大.删除后在重新运行程序可能会稍微慢 ...

  7. Java修炼——文件字节输入输出流复制和缓冲流复制

    一:文件字节输入输出流复制 首先明确数据源和目的文件,然后就是"中转站",最后就是关闭 package com.bjsxt.ioproject; import java.io.Fi ...

  8. CF240E Road Repairs(最小树形图-记录路径)

    A country named Berland has n cities. They are numbered with integers from 1 to n. City with index 1 ...

  9. 2019牛客全国多校训练四 I题 string (SAM+PAM)

    链接:https://ac.nowcoder.com/acm/contest/884/I来源:牛客网 题目描述 We call a,ba,ba,b non-equivalent if and only ...

  10. Java并发编程系列-(5) Java并发容器

    5 并发容器 5.1 Hashtable.HashMap.TreeMap.HashSet.LinkedHashMap 在介绍并发容器之前,先分析下普通的容器,以及相应的实现,方便后续的对比. Hash ...