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. day 26 约束、自定义异常、加密hashlib、logging

    一.约束 建议使用: class BaseMessage(object): def send(self): """ 必须继承BaseMessage,然后其中必须编写sen ...

  2. day 14 内置函数

    复习了解: \t   输出一个制表符,协助在输出文本时,垂直方向保持对齐 \n       换行符 print(r"\n ")  #  在字符串前面加r 不会改变字符串的内容 a ...

  3. 2019 牛客网 第七场 H pair

     题目链接:https://ac.nowcoder.com/acm/contest/887/H  题意: 给定A,B,C问在[1,A]和[1,B]中有多少对x,y满足x&y>C或者x^y ...

  4. 我的 Input框 不可能这么可爱

    <input /> 标签是我们日常开发中非常常见的替换元素了,但是最近在刷 whattwg 跟 MDN 的时候发现 跟 <input /> 有很多相关的属性,选择器都没怎么用过 ...

  5. JDK动态代理和CGLIB字节码增强

    一.JDK动态代理 Java 在 java.lang.reflect 包中有自己的代理支持,该类(Proxy.java)用于动态生成代理类,只需传入目标接口.目标接口的类加载器以及 Invocatio ...

  6. oracle查询练习

    1成绩表score如下,查询出每门课都大于80分的学生姓名 准备数据 -建表- SQL> create table score(   2  name varchar(50),   3  kech ...

  7. Djangoday3template

    template第一个demo从后台传递数据到前端从后台传递list前端for循环显示内容后台传输dict到前端 template第一个demo template存在app/templates目录下 ...

  8. spring boot 一个项目启动多个实例

    0.前言 在开发中,我们经常需要以不同端口启动同一个项目的多个实例,IDEA中启动多个实例很简单 1.方法 1.1.在项目中,选择编辑配置,然后点选允许并行运行,如下图: 1.2.调出RunDashb ...

  9. Redis集群生产环境源码安装

    安装redis集群  根据各人单位生产环境用户搭建一.安装环境    操作系统:centos7.6 关闭防火墙.关闭selinux redis1:192.168.26.128 redis2:192.1 ...

  10. 微信小程序——动态修改页面数据(和样式)及参数传递

    1.1.1动态修改页面数据 在小程序中我们经常要动态渲染数据,对于新手而言我们常常遇到修改的数据在控制台显示和页面显示不一致,因为我们用“=”修改数据的,这种是可以修改,但无法改变页面的状态的,还会造 ...