热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

JavaScript三个组成部分

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

1、核心(ECMAScript)

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


2、文档对象模型(DOM)

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

  请考虑下面的 HTML 页面:

<html>
<head>
<title>Sample Pagetitle>
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);
    
 

 


推荐阅读
author-avatar
愛攝影的新胖
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有