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. 【Luogu P1048 Luogu P1016】采药/疯狂的采药

    采药/疯狂的采药 两道模板题,分别是0-1背包和完全背包. 0-1背包 二维:dp[i][j]=max(dp[i-1][j-time[i]]+v[i],dp[i-1][j]); 由于i的状态由i-1的 ...

  2. pymongo的基本操作和使用

    MongoDB简介 MongoDB是一个开源的文档类型数据库,它具有高性能,高可用,可自动收缩的特性.MongoDB能够避免传统的ORM映射从而有助于开发. 文档 在MongoDB中,一行纪录就是一个 ...

  3. java JDK安装包的获取与安装

    Java JDK 安装包获取和安装: JDK 1.8.211 官网下载地址 https://www.oracle.com/technetwork/java/javase/downloads/jdk8- ...

  4. 小白的springboot之路（七）、事务支持

    0-前言 事务管理对于企业级应用来说必不可少,用来确保数据的完整性和一致性: 1-开启事务 spring boot支持编程式事务和声明式事务,用声明式事务即可: spring boot开启事务非常简单 ...

  5. phpStudy搭建PHP服务器

    目录 1 下载 2 安装 3 新建站点 4 配置host phpStudy是一个PHP调试环境的程序集成包. 该程序包集成最新的 Apache+Nginx+LightTPD PHP MySQL+php ...

  6. 使用modelarts部署bert命名实体识别模型

    模型部署介绍 当我们通过深度学习完成模型训练后,有时希望能将模型落地于生产,能开发API接口被终端调用,这就涉及了模型的部署工作.Modelarts支持对tensorflow,mxnet,pytorc ...

  7. Android 内存泄漏原因

    Android 手机给应用分配的堆内存通常是8 M 左右, 如果内存处理不当很容易造成 OOM (OutOfMemoryError),OOM 主要由于一下这些原因引起的: 1.  数据库 Cursor ...

  8. Use Swift Dynamic Framework （如何科学地引用第三方 Swift 库)

    转自:http://andelf.github.io/blog/2014/07/07/use-swift-dynamic-library/ CocoaPods 由于完全使用静态链接解决方法,过度依赖 ...

  9. iOS开发动画(Animation)总结

    UIView的,翻转.旋转,偏移,翻页,缩放,取反的动画效果   翻转的动画 //开始动画 [UIView beginAnimations:@"doflip" context:ni ...

  10. 2017 ACM/ICPC 沈阳 F题 Heron and his triangle

    A triangle is a Heron’s triangle if it satisfies that the side lengths of it are consecutive integer ...