《JavaScript视频26》BOM、navigator

最新推荐文章于 2024-07-16 19:07:40 发布
最新推荐文章于 2024-07-16 19:07:40 发布
阅读量86 收藏
点赞数
分类专栏： JavaScript 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Han_python/article/details/113923188
版权

BOM

浏览器对象模型

  • window 代表浏览器的整个窗口，是网页中的全局对象
  • navigator 代表当前浏览器的信息
  • location 当前浏览器的地址栏信息
  • history 可以在当次访问时，操作浏览器向前或向后翻页
  • screen 可以获取用户显示器的信息

这些BOM对象在浏览器中都是作为window对象的属性保存的，可以通过window对象来使用，也可以直接使用，使用时首字母小写。

navigator

一般我们会使用userAgent来判断浏览器的信息。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
			window.onload = function(){
				// console.log(navigator.userAgent);
				//Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/71.0.3578.98 Safari/537.36
				//通过正则表达式对userAgent进行判断
				var ua = navigator.userAgent;
				if(/chrome/i.test(ua)){
					alert("你是谷歌");	
				}else if(/firefox/i.test(ua)){
					alert("你是火狐");
				}else if (/msie/i.test(ua)){
					alert("你是IE");
				//通过IE特有的对象来判断浏览器是不是IE11
				//检查一个对象里是否包含某个属性 "属性" in 对象
				}else if ("ActiveXObject" in window){
					alert("你是IE11");
				};
			};
		</script>
		
	</head>
	<body>
	</body>
</html>
history

属性

  • length 可以返回历史页面个数

方法

  • back()相当于回撤按钮
  • forward()相当于前进按钮
  • go()需要一个整数作为参数
location

如果直接打印就可以直接获取当前页面的完整路径

如果修改location，则页面会跳转到该路径，并生成历史记录

location有众多属性，可以返回完整路径中的部分内容

方法：

  • assign()用来跳转到其他页面，作用和直接修改location一样
location = "http://www.baidu.com";
location.assign("http://www.baidu.com");
  • reload()重新加载当前文档，如果传入true作为参数，则会强制清空缓存刷新页面
  • replace()可以使用一个新的页面替换当前页面，不会生成历史记录
Han_python
关注
专栏目录
JavaScript中的BOM
小王的博客
07-17 534
BOM简介 window对象的常见事件 定时器函数 JavaScript执行机制 location对象 nevigator对象与history对象
Javascript之BOM与DOM讲解
热门推荐
晨港飞燕的专栏
05-13 8万+
一.Javascript组成JavaScript的实现包括以下3个部分：ECMAScript(核心)描述了JS的语法和基本对象。文档对象模型 （DOM）处理网页内容的方法和接口浏览器对象模型（BOM）与浏览器交互的方法和接口javascript 有三部分构成，ECMAScript，DOM和BOM，根据宿主（浏览器）的不同，具体的表现形式也不尽相同，ie和其他的浏览器风格迥异,IE 扩展了 BOM，...
JavaScript BOM 对象详解
最新发布
xycxycooo的博客
07-16 737
在 JavaScript 编程中，BOM（Browser Object Model）是指浏览器对象模型，它提供了一组用于与浏览器窗口进行交互的对象。BOM 对象允许开发者控制浏览器的行为和获取浏览器的信息。本文将详细介绍 JavaScript 中的 BOM 对象，并通过丰富的示例帮助你更好地理解。通过本文的详细讲解，相信你已经对 JavaScript 中的 BOM 对象有了全面的了解。在实际编程中，合理使用 BOM 对象可以提高代码的效率和可读性。对象是 BOM 的核心对象，代表浏览器窗口或标签页。
BOM编程：navigator对象
前端御书房
10-23 452
Navigator表示用户代理的状态和标识。Navigator中存在大量的关于浏览器代理的相关信息。每个窗口都有一个关联的Navigator，这是一个Navigator对象。创建Window对象后，Navigator被设置为在Window对象的相关领域中创建的新Navigator对象。
JavaScript 中的BOM对象
小罗的博客
08-05 1230
第一：包含大量的属性，localStorage、console、location、history、screenX、scrollX等等(大概60+个属性)在目前的开发中，JSON是一种非常重要的数据格式，它并不是编程语言，而是一种可以在服务器和客户端之间传输的数据格式。XML：在早期的网格传输中主要是使用XML来进行数据交换的，但是这种格式在解析，传输等各方面都很少在被使用了。对象值：由key、value组成、key是字符串类型，并且必须添加双引号，值可以是简单值、对象值、数组值；...
Javascript 什么是BOM
2201_75883077的博客
12-31 1433
核心说明window 对象表示浏览器窗口。它是 BOM 的核心对象，提供了浏览器窗口的各种方法和属性。location 对象表示当前文档的 URL 信息。它提供了访问和操作浏览器地址栏的方法和属性。navigator 对象对象：提供了浏览器的相关信息，如浏览器的名称、版本等。screen 对象提供了关于用户屏幕的信息，如屏幕尺寸、颜色深度等。history 对象表示浏览器的浏览历史记录，可以通过它来前进或后退到不同的页面。document对象。
【JavaScript学习】BOM:navigator对象
Wonder233的学习博客
10-26 349
1、navigator：识别客户端浏览器的事实标准。 2、所有支持JavaScript的浏览器都有navigator对象。 Navigator 对象属性 属性 描述 例子 appCodeName 浏览器的代码名。 Mozilla appName 完整的浏览器名称。 Netscape appVersion 浏览器的平台和版本信...
JS（JavaScript）的BOM操作
分享式获得也是一种学习的态度
07-01 1389
JavaScript共三部分组称：ECMAScript核心语法、DOM文档对象模型、BOM浏览器对象模型BOM就是浏览器对象模型以下是BOM的结构图。
Javascript之理解BOM和DOM
pakerder的博客
10-13 1072
一个完整的JavaScript实现应该由以下三个部分构成：ECMAScript、DOM、BOM. ECMAScript: ES规定了JS的变成语法和基础核心知识，是所有浏览器厂商都遵守的JS语法工业标准。 DOM: 文档对象模型（Document Object Model），让我们通过DOM提供的接口来操作网页。DOM中，文档表示的就是整个HTML网页文档；对象表示将网页每个部分转换为一个对象；模型为使用模型表示对象间的关系，方便我们获取对象。通过dom，可以访问、
【温故而知新】JavaScript的BOM之Navigator对象.md
06-13
### JavaScript的BOM之Navigator对象 #### 一、概念 在JavaScript中，BOM（Browser Object Model）是指浏览器对象模型，它定义了浏览器提供的各种对象，这些对象允许开发者通过脚本来控制浏览器的行为。BOM主要...
深入学习JavaScript中的bom
10-16
在JavaScript中，BOM（Browser Object Model）即浏览器对象模型，它提供了一组用于与浏览器窗口交互的对象和方法。BOM的核心是`window`对象，它是所有全局变量和函数的容器，也是BOM的主要入口点。下面我们将深入...
BOM之navigator对象和用户代理检测
12-07
在JavaScript的世界里，`navigator`对象扮演着至关重要的角色，它是浏览器对象模型（BOM，Browser Object Model）的一部分，用于获取浏览器的相关信息。这个对象在所有支持JavaScript的浏览器中都是通用的，使得...
JavaScript基础&BOM，学习Java第42天
07-31
BOM提供了如window对象，用于获取浏览器窗口信息，navigator对象，用于获取浏览器信息，以及screen对象，用于获取用户屏幕信息等。 在实际使用中，JavaScript可以实现诸多功能，比如提升用户体验的页面效果、表单...
《尚硅谷最新版JavaScript基础全套教程完整版(140集实战教学,JS从入门到精通)》视频1
Han_python的博客
01-01 2289
起源 JavaScript诞生于1995年，前期主要用于处理网页中的前端验证。 ECMAScript是一个JavaScript标准，而这个标准需要由各个厂商去实现。 一个完整的JavaScript应该由以下三个部分构成： ECMAScript ：标准 DOM：文档对象模型 BOM：浏览器对象模型 JS的特点： 解释性语言 动态语言 基于原型的面向对象 类似于C和Java的语法结构 /*可以发出警告框*/ alert("警告"); /*可以向body中输出内容*/ document.write("内
《JavaScript视频18》操作内联样式
Han_python的博客
02-03 887
添加删除记录
《JavaScript视频13》正则表达式
Han_python的博客
01-24 223
正则表达式 正则表达式用于定义一些字符串的规则，计算机可以根据正则表达式，来检查一个字符串是否符合规则，或者将字符串中符合规则的内容提取出来。 创建正则表达式的对象： 语法： var 变量 = new RegExp("正则表达式"，"匹配模式")； 使用正则表达式的test()方法，可以用来检查一个字符串是否符合正则表达式的规则，返回值为true或者false。 //用于检查字符串中是否有"a"的正则表达式 var reg = new RegExp("a","i"); var str = "baf"; va
《JavaScript15》网页图片切换案例
Han_python的博客
01-30 182
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } #back{ width: 1000px; height: 600px; background-color: aq
《JavaScript视频23》拖拽、鼠标滚轮
Han_python的博客
02-20 171
拖拽 流程： 当鼠标在元素上按下时，开始拖拽 onmousedown 当鼠标移动时，元素移动 onmousemove 当鼠标松开时，元素固定在当前位置 onmouseup
JavaScript DOM与BOM实例解析：动态操控文档与浏览器
在JavaScript中，BOM与DOM的关系密切，BOM的对象如window、location、navigator等包含了DOM的根节点，如document。window对象的document属性就是DOM的入口，它包含了forms、location、anchors等子节点，这些节点又...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值