2018-06-15 javascript(核心)

三大核心是 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)是什么样子。

你可能感兴趣的:(2018-06-15 javascript(核心))