浏览器的对象，以及JS的对象，还有Document关系整理

完整的JavaScript结构由以下三个部分构成：

1. 核心  
2. 文档对象模型（DOM）  
3. 浏览器对象模型（BOM）

浏览器对象（BOM） ------ BOM是Browser Object Model的简写，既浏览器对象模型

Window

//     听说下面都是Window的属性

Screen

Location

Navigator    听说这其实是一个JS对象，js runtime engine自动创建

PopupAlert

History

Timing

Cookie

DOM对象 ------ DOM是Document Object Model的简写，既文档对象模型

Document 也是Window的属性（既数属于DOM又属于BOM）

JS对象

Function 或者 Window.Function

Array 或者 Window.Array

Object 或者 Window.Object

Number 或者 Window.Number

And so on ...

其实这里还有说得不清楚的地方，待我有时间细细道来～

时间： 2024-08-03 18:19:46

浏览器的对象，以及JS的对象，还有Document关系整理的相关文章

关于在Safari浏览器中对js Date对象的支持

申请博客好几个月了,一直想写一些东西但是总觉着自己写不好,就一直搁浅了.废话不多说,进入正题! ios中和Safari浏览器中对js Date对象的支持 1.问题情形是这样的,需要在特定的时间显示不同的内容. 解决办法有两种: 1.通过后台获取服务器的时间. 在返回给前端标志,前端通过模板也好,通过其他方式进行判断也好,显示不同的内容.这个我们不管... 2.通过本地获取系统时间显示不同的内容. 我采用的就是这种方式,但是这里就出现了问题.附上代码 function setContentWith

js事件对象--DOM中的事件对象/IE中的事件对象/跨浏览器的事件对象

事件对象    在触发DOM上的某个事件时,会产生一个事件对象event,这个对象中包含着所有与事件有关的信息.包括导致事件的元素.事件的类型,以及其他与特定事件相关的信息.例如,鼠标操作导致的事件对象中,会包含鼠标位置的信息,而键盘操作导致的事件对象中,会包含与按下的键有关的信息.所有浏览器对象都支持event对象,但支持方式不同. DOM中的事件对象 兼容DOM的浏览器会将一个event对象传入到事件处理程序中.无论指定事件处理程序时使用什么方法(DOM0级或DOM2级),都会传入event

DOM对象和js对象以及jQuery对象的区别

一.DOM对象 文档对象模型简称DOM,是W3C组织推荐的处理可扩展置标语言的标准编程接口. DOM实际上是以面向对象方式描述的文档模型.DOM定义了表示和修改文档所需的对象.这些对象的行为和属性以及这些对象之间的关系. 通过DOM,可以访问所有的 HTML 元素,连同它们所包含的文本和属性.可以对其中的内容进行修改和删除,同时也可以创建新的元素. HTML DOM 独立于平台和编程语言.它可被任何编程语言诸如 Java.JavaScript 和 VBScript 使用. DOM对象,即是我们用

[转]JS中对象与字符串的互相转换

原文地址:http://www.cnblogs.com/luminji/p/3617160.html 在使用 JSON2.JS 文件的 JSON.parse(data) 方法时候,碰到了问题: throw new SyntaxError('JSON.parse'); 查询资料,大概意思如下: JSON.parse方法在遇到不可解析的字符串时,会抛出SyntaxError异常. 即:JSON.parse(text, reviver),This method parses a JSON text t

js事件对象坐标

js事件对象坐标---贴上代码 <body style="position:relative;width:100%;height:100%;padding:15px;margin:20px;"> <div style="position:absolute;top:100px;left:100px;width:500px;height:500px;padding:5px;margin:9px;background:#ddd;" onclick=&qu

js之对象

一.对象的定义: 对象是JavaScript的一个基本数据类型,是一种复合值,它将很多值(原始值或者其他对象)聚合在一起,可通过名字访问这些值.即属性的无序集合. 二.对象的创建(多种方法) 1.对象直接量 / 字面量 var obj = { name: 'lyl', age: 18 } console.log(obj.name); // lyl 2.构造函数: (1).系统自带的的, eg: new Object(), Array(), Number(),Boolean(), Date()..

js之对象（经典）

一.对象的定义: 对象是JavaScript的一个基本数据类型,是一种复合值,它将很多值(原始值或者其他对象)聚合在一起,可通过名字访问这些值.即属性的无序集合. 二.对象的创建(多种方法) 1.对象直接量 / 字面量 var obj = { name: 'lyl', age: 18 } console.log(obj.name); // lyl 2.构造函数: (1).系统自带的的, eg: new Object(), Array(), Number(),Boolean(), Date()..

JS全局对象的属性

全局对象是最顶层的对象,在浏览器环境指的是window对象.在ES5中,全局对象的属性与全局变量是等价的. var str = "hello"; function test(){ alert(window.str); } window.str = "hello"; function test(){ alert(str); } 以上两段代码输出结果都是hello. 这种规定被视为是JS语言的一大问题,因为很容易不知不觉就创建了全局变量.在ES6中,var命令和func

js系统对象Math、Date、window

Math对象: Math.PI——代表圆周率这个“常数” 方法: Math.max(数值1,数值2,…..) ——求得若干个数值中的最大值. Math.min(数值1,数值2,…..) ——求得若干个数值中的最小值. Math.abs( 数值1)         ——求得数值1的绝对值 Math.pow( x,y)               ——求得数值x的y次方,也就是“幂运算” Math.sqrt( x )                     ——求得x的开方 Math.round(