JavaScript由ECMAScript、DOM、BOM三部分组成

  • 核心(ECMAScript):提供核心语言功能;
  • 文档对象模型(document object model 简称DOM):提供访问和操作网页内容的方法和接口;
  • 浏览器对象模型(broser object model 简称 BOM):提供与浏览器交互的方法和接口;BOM最蛋疼的部分是没有统一的标准;从根本上讲BOM只处理浏览器窗口和框架
1、核心部分

WEB浏览器只是ECMA的宿主环境之一,也可以不依赖浏览器,比如宿主环境可能还包括Node和Adobe Flash; ECMAScript规定了Javascript这门语言的组成部分;主要规定了语法、类型、语句、关键字、保留字、操作符、对象;

2、DOM部分

文档对象 模型把整浏览器页面映射为一个多层节点结构,页面中每个组成部分都是某种类型的节点,这些节点又包含了不同类型的数据;

      <!DOCTYPE html>
      <html>
      <head>
          <meta charset="UTF-8">
          <title>这是显示在浏览器选项卡上的文字标题</title>
      </head>
      <body>
        <div id="page">您好啊,我是HTML</div>
      </body>
      </html>

HTML页面,通过DOM可以看成树形图,借助DOM提供的API,可以轻松的增删改查;下面是几个标签的层级关系

<!DOCTYPE html>
<html>
  <head>
    <!--meta标签是head的儿子,是title的哥哥-->
    <meta charset="UTF-8">
    <!--titles head的儿子,是meta的弟弟-->
    <title>这是显示在浏览器选项卡上的文字标题</title>
  </head>

  <!--body标签是html的儿子,是head的弟弟,是id=page这个div的父亲-->
  <body>
    <!--div标签是body的儿子-->
    <div id="page">您好啊,我是HTML</div>
  </body>
  <!--html是head和body的父亲-->
</html>

dom

DOM的几个级别的介绍;DOM目前分为三个级别;DOM1级,DOM2级,DOM3级;

  • DOM1级:是很早以前成为W3C标准的,由DOM核心和DOM HTML两部分组成,DOM核心规定是如何映射基于XML的文档结构,以便简化对文档中任意部分的访问和操作;DOM HTML模块则在DOM核心的基础上加以扩展,添加了针对HTML的对象和方法;主要目标是映射文档的结构;

  • DOM2级:在原来的DOM1级基础上扩充了鼠标和用户界面事件等;主要包括DOM视图,DOM事件、DOM样式、DOM遍历和范围;

  • DOM3级:引入了以统一方式加载和保存文档的方法(在DOM加载和保存模块中定义);新增了验证文档的方法(在DOM验证模块中定义);DOM3级也对DOM核心进行了扩展,开始支持XML1.0,涉及XML infoset,Xpath和XML Base。

3、BOM部分;

BOM最蛋疼的部分是没有统一的标准;从根本上讲BOM只处理浏览器窗口和框架;主要有

  • 弹出新浏览器窗口的功能;
  • 移动、缩放和关闭浏览器窗口的功能;
  • 提供浏览器详细信息的navigator对象;
  • 提供浏览器所加载页面的详细信息的location对象;
  • 提供用户显示器分辨率详细信息的srceen对象;
  • 对cookies的支持;
  • 像XMLHttpRequest和IE的ActiveXObject这样的自定义对象;
  • 有了HTML5后,DOM实现的细节有望朝着兼容性越来越高的方向发展;

JavaScript中我们学的所有的知识点其实都是基于浏览器内置类实现的,这也说明了js是由一个个类组成的,而我们要学习的就是类、实例的关系和类上面的私有或者公有的属性或者方法—这就是我们经常听到的面向对象编程

~~~

未经允许不得转载:朱邦邦的博客 » JavaScript由ECMAScript、DOM、BOM三部分组成

赞 (0)

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址