三大核心是 DOM BOM ECMAScript
DOM
W3c (万维网联盟) 的 标准。
DOM 是 Document Object Model (文档对象模型) 的 缩写。
w3c DOM 标准 被分为 3 个 不同的 部分:
核心 DOM 针对 任何结构化文档的标准模型
XML DOM 针对 XML 文档 的 标准 模型
HTML DOM 针对 HTML 文档的 标准 模型
XML DOM
XML DOM 定义了所有 XML 元素的对象和属性,以及访问它们的方法。
DOM(文档对象模型)是 HTML 和 XML 的应用程序接口(API)。DOM 将把整个页面规划成由节点层级构成的文档。
HTML 或 XML 页面的每个部分都是一个节点的衍生物。请考虑下面的 HTML 页面:
Sample Page
hello world!
这段代码可以用 DOM 绘制成一个节点层次图:DOM 通过创建树来表示文档,从而使开发者对文档的内容和结构具有空前的控制力。
用 DOM API 可以轻松地删除、添加和替换节点(getElementById、childNodes、appendChild、 innerHTML)。
BOM 浏览器对象模型
浏览器对象模型(BOM)
浏览器对象模型(Browser Object Model (BOM))尚无正式标准。
由于现代浏览器已经(几乎)实现了 JavaScript 交互性方面的相同方法和属性,因此常被认为是 BOM 的方法和属性。
浏览器对象模型(BOM)对浏览器窗口进行访问和操作。例如弹出新的浏览器窗口,移动、改变和关闭浏览器窗口,提供详细的网络浏览器信息(navigator object),详细的页面信息(location object),详细的用户屏幕分辨率的信息(screen object),对cookies的支持等等。
window 对象
所有浏览器 都支持 Window 对象 , 它表示浏览器窗口。
所有 JavaScript 全局对象,函数以及变量均自动成为 window 对象的成员。
全局变量是 Window 对象的属性。
全局函数是 Window 对象的方法。
甚至 HTML DOM 的 document 也是 window 对象的属性之一:
window.document.getElementById("header");
document.getElementById("header");
Window 尺寸
有三种方法能够确定浏览器窗口的尺寸。
对于 Intermet Explorer 、Chrome 、 Firefox 、
Opera 以及 Safari:
window.innerHeight - 浏览器窗口的内部高度(包括滚动条)
window.innerWidth - 浏览器窗口的内部宽度(包括滚动条)
Window Navigator
window.navigator 对象包含有关访问者浏览器的信息。
window.navigator 对象在编写时可不使用 window 这个前缀。
菜鸟教程(runoob.com)
浏览器代号: navigator.appCodeName
浏览器名称: navigator.appName
浏览器版本:navigator.appVersion
启动Cookies navigator.cookieEnabled
硬件平台: navigator.platform
用户代理: navigator.userAgent
用户代理语言: navigator.systemLanguage
ECMAScript
ECMAScript:JavaScript的核心。
描述了语言的基本语法(var、for、if、array等)
和
数据类型(数字、字符串、布尔、函数、对象(obj、[]、{}、null)、未定义),
ECMAScript是一套标准,定义了一种语言(比如JS)是什么样子。