BOM浏览器

【BOM浏览器】的更多相关文章

BOM浏览器对象

BOM 浏览器对象一.浏览器本身就自己有一些对象,不用创建就可以使用 window(当前浏览器窗体) 属性: status opener closed parent top 方法: alert(); confirm(); setInterval(); clearInterval(); setTimeout();//只执行一次 clearTimeOut(); open();//打开一个新窗体 a链接也可以跳转打开新窗体,两者的区别是:window的open打开的窗体是有联系的,a链接的是没有任何…

第一百一十一节，JavaScript，BOM浏览器对象模型

JavaScript,BOM浏览器对象模型学习要点: 1.window对象 2.location对象 3.history对象 BOM也叫浏览器对象模型,它提供了很多对象,用于访问浏览器的功能.BOM缺少规范,每个浏览器提供商又按照自己想法去扩展它,那么浏览器共有对象就成了事实的标准.所以,BOM本身是没有标准的或者还没有哪个组织去标准它. 一．window对象,浏览器对象 BOM的核心对象是window,它表示浏览器的一个实例.window对象处于JavaScript结构的最顶层,对于每个打开…

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

BOM浏览器对象模型

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

BOM浏览器对象模型和API速查

什么是BOMBOM是Browser Object Model的缩写,简称浏览器对象模型BOM提供了独立于内容而与浏览器窗口进行交互的对象由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对象是windowBOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性,告诉线程如何操作对象全局函数: js基于对象,但也有不封装在对象中的函数. 对话框alert(str)—— 弹出消息对话框(对话框中有一个“确定”按钮)confirm(str)—— 弹出消息对话框(对话框中包含一个“确定”按…

javascript之BOM浏览器对象模型引入

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script type="text/javascr…

JavaScript（二、BOM 浏览器对象模型）

一.BOM是什么 BOM是browser object model的缩写,简称浏览器对象模型 BOM提供了独立于内容而与浏览器窗口进行交互的对象由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对象是window BOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性 BOM缺乏标准,JavaScript语法的标准化组织是ECMA,DOM的标准化组织是W3C BOM最初是Netscape浏览器标准的一部分二.BOM学什么 BOM中,我们学到与浏览器窗口交互的一些对象,例如可以移…

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-文档…

JS第三部分--BOM浏览器对象模型

一.client系列:宽高边框二.offset系列:偏移三.scroll系列四.BOM的介绍 4.1.打开新窗口 4.2.location对象(本地信息对象) 4.3.history对象 4.4刷新五.定时器的相关使用 ------------------------------------------------------- 一.client系列:宽高边框 clientTop:上边框宽度clientLeft:左边框的宽度clientWidth: 盒子(例如div等)的宽度,包括内容+…

js BOM浏览器对象模型

BOM即Browser Object Model,浏览器对象模型,表示浏览器窗口,所有js全局对象.函数以及变量均是window 对象的成员. 对于不同的浏览器,表示宽度和高度的方法不同: 对于IE9及以上.Chrome.Firefox.Opera以及Safari:window.innerHeight和window.innerWidth 对于IE5.6.7.8:document.documentElement.clientHeight和document.documentElement.clien…

BOM - 浏览器API

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-文档…

JavaScirpt(JS)——BOM浏览器对象模型

一.BOM概念 BOM(Browser Object Model)即浏览器对象模型.可以对浏览器窗口进行访问和操作.使用 BOM,开发者可以移动窗口.改变状态栏中的文本以及执行其他与页面内容不直接相关的动作. BOM缺乏标准,JavaScript语法的标准化组织是ECMA,DOM的标准化组织是W3C,BOM最初是Netscape浏览器标准的一部分. BOM提供了独立于内容而与浏览器窗口进行交互的对象.由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对象时window. BOM由一系列相关的…

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

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

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

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

JS BOM(浏览器对象)

BOM即浏览器对象模型,它包括如下一些对象! (一)screen对象,Screen 对象中存放着有关显示浏览器屏幕的信息. 常见的属性有: availHeight:返回显示屏幕的高度 availWidth:返回显示屏幕的宽度 colorDepth:返回目标设备或缓冲器上的调色板的比特深度. height:返回屏幕区域的实际高度 width:返回屏幕区域的实际宽度 (二)Window对象,Window 对象表示一个浏览器窗口或一个框架. 常见方法: (1)窗口的打开与关闭: window.open…

js下 Day01、DOM对象，BOM浏览器对象模型

一．初识DOM 1．什么是DOM?为什么学习DOM 2．DOM是实现js在网页实现交互的关键环节,我们的js代码就是通过DOM的方法来实现对于html内容的操作. 3．认识DOM实现了js和网页结合的原理: 4．认识DOMTREE;认识DOM的分类: 5．简单获取元素,简单事件绑定: 6．认识DOM,js,html,所运行的环境BOM: #二．BOM简介:Browser Object Model **1. Bom ** 是什么? 由浏览器实现的供JavaScript程序调用的一组对象 2. **…

BOM 浏览器对象模型学习

window对象属性 innerWidth/innerHeight 浏览器窗口的内部宽度与高度 outerWidth/outerHeight 浏览器的外部宽度与高度 length window.frames.length frame或者iframe的数量 window对象方法 setInterval/clearInterval setTimeout/clearTimeout history对象属性 length history对象方法 go back go(-1) forward go(1) l…

BOM浏览器对象模型下面几个比较实用的方法

location对象 location.href-- 返回或设置当前文档的URL location.search -- 返回URL中的查询字符串部分.例如 http://www.dreamdu.com/dreamdu.php?id=5&name=dreamdu 返回包括(?)后面的内容?id=5&name=dreamdu location.hash -- 返回URL#后面的内容,如果没有#,返回空 location.host -- 返回URL中的域名部分,例如www.dreamdu.com…

BOM 浏览器对象模型_渲染引擎_JavaScript 引擎_网页加载流程

1. 浏览器核心的两个组成部分渲染引擎将网页代码渲染为用户视觉可以感知的平面文档分类: Firefox Gecko 引擎 Safari WebKit 引擎 Chrome Blink 引擎 IE Trident 引擎 Edge EdgeHTML 引擎渲染引擎处理网页,通常分成四个阶段 1. 解析代码:HTML 代码解析为 DOM,CSS 代码解析为 CSSOM(CSS Object Model).2. 对象合成:将 DO…

BOM 浏览器对象模型_window 对象的常见 window.属性_window.方法

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

BOM 浏览器对象模型_window.navigator

window.navigator 对象包含浏览器和系统信息的 Navigator 对象. 通过这个属性了解用户的环境信息 window.navigator.userAgent 返回浏览器的 User Agent 字符串,表示浏览器的厂商和版本信息用户可以改变这个字符串. 这个字符串的格式并无统一规定,也无法保证未来的适用性,各种上网设备层出不穷,难以穷尽. 所以,现在一般不再通过它识别浏览器了, 使用“功能识别”方法,即逐一测试当前浏览器是否支持要用到的 JavaScript 功能通过 …

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++) {…

BOM 浏览器对象模型_XMLHttpRequest 对象

XMLHttpRequest 对象浏览器与服务器之间,采用 HTTP 协议通信. 用户在浏览器地址栏键入一个网址,或者通过网页表单向服务器提交内容,这时浏览器就会向服务器发出 HTTP 请求 AJAX 2005.02 提出的概念 ---- Asynchronous JavaScript and XML 通过 JavaScript 的异步通信,从服务器获取 XML 文档从中提取数据,再更新当前网页的对应部分,而不用刷新整个网页通常概念: JavaScript 脚本发起 HTTP 通信的代名词…

BOM 浏览器对象模型_同源限制

“同源政策”(same-origin policy) 浏览器安全的基石协议相同域名相同端口相同 1995年,同源政策由 Netscape 公司引入浏览器.目前,所有浏览器都实行这个政策 A 网页设置的 Cookie,B 网页不能打开,除非这两个网页“同源” 浏览器同时还规定,提交表单不受同源政策的限制目前,如果非同源,共有以下三项受到限制无法读取非同源网页的 Cookie.LocalStorage 和 IndexedDB. 无法接触非同源网页的 DOM 无法向非同源地址发送 AJAX…

BOM 浏览器对象模型_Storage 接口 - window.sessionStorage - window.localStorage

Storage 接口用于脚本在浏览器保存数据. 保存的数据都以“键值对”的形式存在.也就是说,每一项数据都有一个键名和对应的值. 所有的数据都是以文本格式保存受同域限制 ---- 某个网页存入的数据,只有同域下的网页才能读取,如果跨域操作会报错只有一个属性: Storage.length ---- 返回保存的数据项个数有五个方法 Storage.setItem() 用于存入数据 ---- 如果储存空间已满,该方法会抛错该方法没有返回值它接受两个参数 (两个参数都是字符串.如果不是字符…

BOM 浏览器对象模型_当前窗口的浏览历史 history 对象

当前窗口的浏览历史 window.history 对象保存了当前窗口访问过的所有页面网址由于安全原因,浏览器不允许脚本读取这些地址,但是允许在地址之间导航 history.back() 相当于 history.go(-1) 浏览器工具栏的 “前进” 和 “后退” 按钮,其实就是对 History 对象进行操作 // 当前窗口访问过多少个网页 window.history.length // History 对象的当前状态 // 通常是 undefined,即未设置 window.histor…

javascript高级程序设计第3版——第8章 BOM(浏览器对象模型)

第八章,浏览器对象模型主要介绍了window的几个对象以及框架,窗口的关系,各个浏览器对象的属性以及方法:…

js··BOM 浏览器对象模型

1.window.open(url,ways) url 是打开的网页地址 ways 打开的方式 _self 2.window.close() 3.浏览器用户信息 Window.navigator 4.浏览器地址信息 Window.location 5.window.history 记录浏览器的访问历史记录 Window.history.forward() 前进最新的访问记录 Window.history.back() 返回函数的解析函数如果把他当做函数看,就只能起到函数的意思,可以封装.…

11-20 bom 浏览器对象模型

1.window.open(url,ways) url 是打开的网页地址 ways 打开的方式 _self 2.window.close() 3.浏览器用户信息:Window.navigator 4.浏览器地址信息:Window.location 5.window.history 记录浏览器的访问历史记录 Window.history.forward() 前进最新的访问记录 Window.history.back() 返回函数的解析: 函数如果把他当做函数看,就只能起到函数的意思,可以封装…

1.window.open(url,ways) url是打开的网页地址 ways 是打开的方式 2.window.close() 3.window.navigator 浏览器用户信息 4.window.location浏览器地址信息 5.window. history 记录浏览器的访问历史记录 window.history.forward() 前进最新的访问记录 window.history.back() 返回…