JavaScript 三个组成部分

2023-02-12,

1、核心(ECMAScript)

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

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 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);
    
 

JavaScript 三个组成部分的相关教程结束。

《JavaScript 三个组成部分.doc》

下载本文的Word格式文档,以方便收藏与打印。