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. 【CPLUSOJ】【动态规划】最短回文串

    题目链接 [问题描述] 如果一个字符串正过来读和倒过来读是一样的,那么这个字符串就被称作回文串.例如abcdcba,abcddbca就是回文串,而abcdabcd不是. 你要解决的问题是:对于任意一个 ...

  2. linuxLVM

    一.概念性的东西 LVM2:Logical Volume Manager ,Cersion 2 LVM,依赖于内核的dm模块(将一个或多个底层的设备组织成一个逻辑设备的模块).可以将多个物理分区通过软 ...

  3. sql server 增删改（查太多了）

    表: 学生(*学号,姓名,性别,年龄,专业) create table student( sno ) primary key, sname ) not null, ssex ), sage small ...

  4. 你不知道的setTimeout第三个参数

    你不知道的setTimout第三个参数 说起setTimeout,各位再熟悉不过,用法也很简单:setTimeout(fun, delay). 但说起来你可能不信,用了这么多年的setTimeout居 ...

  5. kube-apiserver 集群服务安装

    目录 创建 kube-apiserver 证书 生成证书和私钥 创建加密配置文件 创建审计策略文件 分发 kube-apiserver 二进制文件 创建后续访问 metrics-server 使用的证 ...

  6. 点击查看大图滑动预览(h5,pc通用)

    点击预览大图并滑动观看,支持手机端和pc端,具体功能如下图: 一. touchTouch 的js和css 以及jquery依赖库 <link rel="stylesheet" ...

  7. shell脚本介绍、shell脚本结构和执行、date命令用法、shell脚本中的变量

    7月11日任务 20.1 shell脚本介绍20.2 shell脚本结构和执行20.3 date命令用法20.4 shell脚本中的变量 20.1 shell脚本介绍 1.shell脚本语言是linu ...

  8. ThreadLocal 源码解读

    一.引入 public class Thread implements Runnable { /* 前面略 */ /* ThreadLocal values pertaining to this th ...

  9. windows7 上安装python3.8步骤

    今天给小白们写一个在windows7 上安装python3.8的过程. 1.先到https://www.python.org/downloads/官网下载最新版的python, 不要到别的下载网站去下 ...

  10. Android 自定义饼状图

    github 地址:https://github.com/dkest/PieView 简单分析 其实根据我们上面的知识已经能自己制作一个饼状图了.不过制作东西最重要的不是制作结果,而是制作思路. 相信 ...