【BOM】浏览器对象模型


1.navigator :保存浏览器配置信息的对象



常用 navigator.plugins: 显示浏览器中所有插件信息的集合

navigator.cookieEnabled: 判断是否开启cookie

navigator.userAgent : 判断浏览器的名称和版本号

获取浏览器版本号函数:

var br=navigator.userAgent.toLowerCase();
var browserVer=(br.match(/.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/) || [0, ‘0‘])[1];

浏览器名称判断函数:

function userBrowser(){
	var browserName=navigator.userAgent.toLowerCase();
	if(/msie/i.test(browserName) && !/opera/.test(browserName)){
	    colsole.log("IE");
	    eturn ;
	}else if(/firefox/i.test(browserName)){
	    colsole.log("Firefox");
	    return ;
	}else if(/chrome/i.test(browserName) && /webkit/i.test(browserName) && /mozilla/i.test(browserName)){
	    colsole.log("Chrome");
	    return ;
	}else if(/opera/i.test(browserName)){
	    colsole.log("Opera");
	    return ;
	}else if(/webkit/i.test(browserName) &&!(/chrome/i.test(browserName) && /webkit/i.test(browserName) && /mozilla/i.test(browserName))){
	    colsole.log("Safari");
	    return ;
	}else{
	    colsole.log("unKnow");
	}
}
 userBrowser();

2.screen:保存显示屏幕的对象信息



常见:

window.screen.availWidth: 返回当前屏幕可用宽度。

window.screen.availHeight: 返回当前屏幕可用高度 。

window.screen.width: 返回当前屏幕宽度。

window.screen.height: 返回当前屏幕高度。


3.history:保存当前的历史记录栈



常用:

回退页面:history.back() 或 history.go(-1);

刷新页面:history.go(0);

前进页面:history.forward() 或 history.go(1);

查看历史页面数:history.length;


4.loaction:指代当前窗口正在访问额url地址对象



常用方法:

location.assign(‘url‘):加载新的文档。可以历史前进后退。location.assign(location)可实现当前页刷新。

location.replace(‘url‘):用新的文档替换当前文档。不可以历史前进后退。location.replace(location)可实现当前页刷新。

location.reload(): 重新加载当前文档,当前页刷新。如果参数为true,则直接重新从服务器获取;参数为false,则先从会用HTTP头 If-Modified-Since 来检测服务器上的文档是否已改变。如果文档已改变,reload()会再次下载该文档。如果文档未改变,则该方法将从缓存中装载文档。

除以上外,location = location 也可以用来实现当前页刷新。

常用属性:

location.href:设置或返回完整的 URL。

location.protocol:设置或返回当前 URL 的协议。

location.host:设置或返回主机名和当前 URL 的端口号。

location.hostname:设置或返回当前 URL 的主机名

location.port:设置或返回当前 URL 的端口号。

location.pathname:设置或返回当前 URL 的路径部分。

location.hash:设置或返回从井号 (#) 开始的 URL(锚)。

location.search:设置或返回从问号 (?) 开始的 URL(查询部分)。

时间: 2024-12-17 18:07:08

【BOM】浏览器对象模型的相关文章

JavaScript——BOM(浏览器对象模型),时间间隔和暂停

BOM(浏览器对象模型):可以对浏览器的窗口进行访问和操作 1.基本的BOM体系: window------------document------------------------------------------anchors | | --frames ----forms | | --history ----images | | --location(浏览器地址)  ----links | | --navigator(获取浏览器信息) ----location | --screen(屏幕

BOM浏览器对象模型

访问和操作浏览器窗口的模型称为浏览器对象模型BOM(Browser Object Model). BOM整体对象图. 核心是window对象: 以下有特殊双重身份: window对象既是ECMAScript规范中的Global对象,也是BOM中的顶级对象: document对象既是BOM顶级对象的一个属性,也是DOM模型中的顶级对象 location对象既是window对象的属性,同时也是document对象的属性. 1. window对象   (从两个方面看待:ECMAScript规范中的Gl

BOM—浏览器对象模型

BOM(Browser Object Model 浏览器对象模型)使JavaScript 有能力与浏览器"对话". Window 对象 所有浏览器都支持 window 对象.它是BOM的核心对象,它表示浏览器的一个实例. 所有 JavaScript 全局对象.函数以及变量均自动成为 window 对象的成员. 全局变量是 window 对象的属性. 全局函数是 window 对象的方法. 甚至 HTML DOM 的 document 也是 window 对象的属性之一: window.

BOM——浏览器对象模型(Browser Object Model)

什么是BOM? BOM是Browser Object Model的缩写,简称浏览器对象模型 BOM提供了独立于内容而与浏览器窗口进行交互的对象 由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对象是window BOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性 BOM缺乏标准,JavaScript语法的标准化组织是ECMA,DOM的标准化组织是W3C(WHATWG,WebHypertextApplicationTechnologyWorkingGroup——网页超文本应用程

BOM—浏览器对象模型(Browser Object Model)

 1,javascript   组成部分: 1.ECMAscript(核心标准):    定义了基本的语法,比如:if for 数组 字符串 ... 2.BOM  : 浏览器对象模型(Browser Object Model) 2,BOM 的组成部分: 1.window对象 每一个子窗口对应的又是一个window对象 2. screen对象 3.location对象 4.history对象 5.Navigator对象 6.定时器 (两种) 7.弹框(三种) 8. document (DOM-文档

BOM —— 浏览器对象模型(Browser Object Model)

一.什么是 BOM BOM 是 Broswer Object Model 的缩写,中文为浏览器对象模型 BOM 提供了独立于内容而与浏览器窗口进行交互的对象 由于 BOM 主要用于管理窗口与窗口之间的通讯,因此其核心对象是 window BOM 缺乏标准,所以你会发现 MDN 上面搜寻不了,JavaScript语法的标准化组织是 ECMA,DOM 的标准化组织是 W3C 二.一些大部分通用的API window对象——BOM核心 window.alert('提示信息') window.confi

[TimLinux] JavaScript BOM浏览器对象模型

1. 简介 ECMAScript是JavaScript的核心,但是如果要在WEB中使用JavaScript,那么BOM则无疑才是真的的核心.BOM提供了很多对象,用于访问浏览器的功能,这些功能与任何网页内容无关.BOM没有标准,各浏览器厂商间定义的公共对象,可以作为事实上的标准存在.W3C在HTML5中把BOM纳入了规范中. 2. window对象 window对象:表示浏览器的一个实例.window的双重角色:通过JavaScript访问浏览器窗口的一个接口,又是ECMAScript规定的Gl

JavaScript学习笔记——7.BOM(浏览器对象模型)

1.定义 浏览器本身就具有一些对象,不用进行创建即可使用 2.window对象中的方法 alert() //弹框 confirm() //确认 onclick="return confirm('你确定要删除吗?')" setInterval() //定时器 clearInterval() //清除定时器 var timer=setInterval(function(){},1000);//设置定时器 clearInterval(timer); //清除定时器 setTimeout()

BOM 浏览器对象模型_

常用属性 window.devicePixelRatio        像素比 = css / 物理像素 window.scrollX,window.scrollY    滚动条 卷曲距离 if (window.scrollY < 75) { window.scroll(0, 75); } 获取浏览器组件对象 window.locationbar        地址栏对象 window.menubar        菜单栏对象 window.scrollbars        窗口的滚动条对象

BOM 浏览器对象模型_不超过 4 KB 的 document.cookie 对象

注意: 客户端储存应该使用 Web storage API 和 IndexedDB,不推荐使用 Cookie document.cookie 对象 是服务器保存在浏览器的一小段文本信息 用于读写当前网页的 Cookie. 读取的时候,它会返回当前网页的所有 Cookie,前提是该 Cookie 不能有 HTTPOnly 属性. var cookies = document.cookie.split(';'); for (var i = 0; i < cookies.length; i++) {