DOM五大对象

摘要:
Screen对象中存放着有关显示浏览器屏幕的信息。JavaScript序将利用这些信息来优化它们的输出,以达到用户的显示要求。History对象是window对象的一部分,可通过window.history属性对其进行访问。History对象最初设计来表示窗口的浏览历史。但出于隐私方面的原因,History对象不再允许脚本访问已经访问过的实际URL。

1、Window 对象:Window 对象表示浏览器中打开的窗口。

如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window 对象。

2、Navigator 对象: Navigator 对象包含的属性描述了正在使用的浏览器。可以使用这些属性进行平台专用的配置。 Navigator 对象的实例是唯一的,可以用 Window 对象的 navigator 属性来引用它。

3、Screen 对象:Screen 对象包含有关客户端显示屏幕的信息。 每个 Window 对象的 screen 属性都引用一个 Screen 对象。Screen 对象中存放着有关显示浏览器屏幕的信息。JavaScript 序将利用这些信息来优化它们的输出,以达到用户的显示要求。例如,一个程序可以根据显示器的尺寸选择使用大图像还是使用小图像,它还可以根据显示器的颜色深度选择使用 16 位色还是使用 8 位色的图形。另外,JavaScript 程序还能根据有关屏幕尺寸的信息将新的浏览器窗口定位在屏幕中间。

4、History 对象:History 对象包含用户(在浏览器窗口中)访问过的 URL。 History 对象是 window 对象的一部分,可通过 window.history 属性对其进行访问。 History 对象最初设计来表示窗口的浏览历史。但出于隐私方面的原因,History 对象不再允许脚本访问已经访问过的实际 URL。唯一保持使用的功能只有 back()、forward() 和 go() 方法。如:history.go(-2)返回前两步。

5、Location 对象:Location 对象包含有关当前 URL 的信息。 Location 对象是 Window 对象的一个部分,可通过 window.location 属性来访问。

http://www.w3school.com.cn/htmldom/htmldom_reference.asp

免责声明:文章转载自《DOM五大对象》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇YII框架的使用HTML中的a标签实现点击下载下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

不难懂--------react笔记

  在jsx中不能使用class定义类名   因为class在js中是用来定义类的  定义类名的时候用className       label中的for必须写成htmlFor         ReactDOM.render:             参数1:需要渲染的dom元素或者组件         参数2:需要将渲染好的元素挂载在哪个挂载点身上...

Nginx进行流量copy到测试环境

Nginx进行流量copy到测试环境 四月 1, 2012by风的尾巴·Leave a Comment 经常会遇到测试环境需要一些数据,当然你可以自己仿造数据,但是更方便和更好的做法是,将来自正式环境的用户请求copy一份到测试环境。 依赖模块lua-nginx-module,ngx_devel_kit,headers-more-nginx-module...

BOM的介绍

BOM的概念 BOM(Browser Object Model) 是指浏览器对象模型。 浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。 BOM由多个对象组成,其中代表浏览器窗口的Window对象是BOM的顶层对象,其他对象都是该对象的子对象。 我们在浏览器中的一些操作都可以使用BOM的方式进行编程处理, 比如:刷新浏览器、后退、前进...

第12章 DOM操作

目录 *1. 向DOM中注入HTML 1.1 将HTNL字符串转换成DOM 预处理HTML源字符串 包装HTML 1.2 将DOM元素插入到文档中 2. DOM的特性和属性通过DOM方法和属性访问特性值 3. 令人头疼的样式特性 3.1 样式在何处 3.2 样式属性命名一种访问样式的简单方法 3.3 获取计算后样式 3.4 测量元...

重绘与重排及它的性能优化

1.重绘与重排 浏览器下载完页面中的所有组件——HTML标记、JavaScript、CSS、图片之后会解析生成两个内部数据结构——DOM树和渲染树。 DOM树表示页面结构,渲染树表示DOM节点如何显示。DOM树中的每一个需要显示的节点在渲染树种至少存在一个对应的节点(隐藏的DOM元素disply值为none 在渲染树中没有对应的节点)。渲染树中的节点被称为...

React-使用总结

聊聊我对 react 的理解。 react 历史发展。 react 性能优化。 React 历史发展 Jquery 时代 在 jquery 主流的时代,web 页面开发流程是通过 ajax 获取到后端数据,然后使用 jquery 生成 jquery 更新到页面中,但是随着业务发展,我们的项目可能会越来越复杂,我们每次请求到数据,或者数据有更改的时候...