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);
    
 
原文地址:https://www.cnblogs.com/WebApp-DotNet/p/6179326.html