JavaScript 三个组成部分

1、核心（ECMAScript）

  • ECMAScript 仅仅是一个描述，定义了脚本语言的所有属性、方法和对象。其他语言可以实现 ECMAScript 来作为功能的基准，JavaScript 就是这样：
  • ECMAScript、JavaScript、ActionScript、ScriptEase


2、文档对象模型（DOM）

　　DOM（文档对象模型）是 HTML 和 XML 的应用程序接口（API）。DOM 将把整个页面规划成由节点层级构成的文档。HTML 或 XML 页面的每个部分都是一个节点的衍生物。

　　请考虑下面的 HTML 页面：

<html>
  <head>
    <title>Sample Page</title>
  </head>
  <body>
    <p>hello world!</p>
  </body>
</html>

　　这段代码可以用 DOM 绘制成一个节点层次图：

　　DOM 节点层次图

 

 

　　DOM 通过创建树来表示文档，从而使开发者对文档的内容和结构具有空前的控制力。用 DOM API 可以轻松地删除、添加和替换节点。

3、浏览器对象模型（BOM）

　　BOM 主要处理浏览器窗口和框架，不过通常浏览器特定的 JavaScript 扩展都被看做 BOM 的一部分。这些扩展包括：

  • 弹出新的浏览器窗口
  • 移动、关闭浏览器窗口以及调整窗口大小
  • 提供 Web 浏览器详细信息的定位对象
  • 提供用户屏幕分辨率详细信息的屏幕对象
  • 对 cookie 的支持
  • IE 扩展了 BOM，加入了 ActiveXObject 类，可以通过 JavaScript 实例化 ActiveX 对象

　　Window 对象

　　　所有浏览器都支持 window 对象。它表示浏览器窗口。

　　　所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。

　　　全局变量是 window 对象的属性。

　　　全局函数是 window 对象的方法。

　　　甚至 HTML DOM 的 document 也是 window 对象的属性之一：

　　　window.document.getElementById("header");

　　　与此相同：

　　　document.getElementById("header");
　　var w=window.innerWidth                //对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari
　　　　|| document.documentElement.clientWidth || document.body.clientWidth;  //对于 Internet Explorer 8、7、6、5
　　
　　 例如JS返回上一页的三种方法：
　　　　window.history.go(-1);
　　　　window.history.back();
　　　　window.location.go(-1);
　　　　
　

 

posted @ 2016-12-14 15:02  瘋孑  阅读(566)  评论(0)  编辑  收藏  举报