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. JavaScript笔记六

    1.对象(Object) - 对象是JS中的引用数据类型 - 对象是一种复合数据类型,在对象中可以保存多个不同数据类型的属性 - 使用typeof检查一个对象时,会返回object - 创建对象 - ...

  2. Spring IOC 的简单使用

    Spring IOC (Inversion Of Control反转控制容器 一.对于IOC容器的简单理解 在java开发中将程序中的对象交给容器管理,而不是在对象的内部管理. 那么两个简单的问题去分 ...

  3. pynlp报错：pynlpir.LicenseError: Your license appears to have expired. Try running "pynlpir update"解决办法。

    使用pyltp做文本挖掘时报错: pynlpir.LicenseError: Your license appears to have expired. Try running "pynlp ...

  4. ASP.NET Core 中的 ObjectPool 对象重用（一）

    前言 对象池是一种设计模式,一个对象池包含一组已经初始化过且可以使用的对象,而可以在有需求时创建和销毁对象.池的对象可以从池中取得对象,对其进行操作处理,并在不需要时归还给池子而非直接销毁他,他是一种 ...

  5. 数据表与简单java类——一对多映射

    例如:给定一个分类表和子分类表 得到如下信息: 1.一个分类的完整信息: 2.根据分类获取其对应的子分类 package Mapping_transformation; class item { pr ...

  6. C语言I博客作业10

    这个作业属于那个课程 C语言程序设计II 这个作业要求在哪里 https://edu.cnblogs.com/campus/zswxy/CST2019-1/homework/10095 我在这个课程的 ...

  7. PowerMock学习（十）之Mock spy的使用

    前言 回顾下之前学过的内容,会发现一点,如果在mock后不写when和thenReturn去指定,即便是mock调用任何方法,什么也不会做,也看不到什么效果. 划重点的时候来了,本身mock出来的对象 ...

  8. 为什么现在使用多周期CPU，而单周期CPU被弃用？

    最初设计的CPU结构简单,内部不复杂.之所以制造它是为了让机器自动跑程序,算数. 早期CPU都是单周期的,人们没考虑那么多,性能啥的.就让CPU每个时钟周期跑一个指令,这些时钟周期等长.这样下来,有的 ...

  9. Centos7使用Yum安装高版本的LNMP

    [摘要] 本文旨在介绍使用yum的方式安装一些高版本的NGINX.MySQL.PHP服务.当然如果觉得红帽给的就够用,就用红帽给的就行. 在红帽系列的Linux操作系统中,nginx/mysql/ph ...

  10. .Net Core使用Ocelot网关(一) -负载,限流,熔断,Header转换

    1.什么是API网关 API网关是微服务架构中的唯一入口,它提供一个单独且统一的API入口用于访问内部一个或多个API.它可以具有身份验证,监控,负载均衡,缓存,请求分片与管理,静态响应处理等.API ...