JavaScript高级程序设计(一):JavaScript简介

摘要:
3.浏览器对象模型BOM基本上只处理浏览器和框架,但人们习惯于将浏览器的所有JavaScript扩展作为BOM的一部分。

一、JavaScript实现

  1、一个完整的JavaScript包含三个部分组成:

    1)ECMAScript 核心

    2)DOM文档对象模型

    3)BOM浏览器对象模型

  2、文档对象模型(DOM)

  文档对象模型是针对XML单经过扩展用户HTML的应用程序编程接口。DOM 把整个页面映射为一个多层节点结构。HTML或XML页面中的每个组成部分都是某种类型的节点,这些节点又包含不通类型的数据。

  通过DOM创建的这个表示文档的树形图,开发人员借助DOM的API可以自如的增删改查任何节点。

  DOM级别:

    DOM1级由两个模块组成:DOM核心(DOM Core)和DOM HTML。其中DOM核心规定的是如何映射基于XML的文档结构,以便简化对文档中任意部分的访问和操作。DOM HTML模块则在DOM核心的基础上加以扩展,添加了针对HTML的对象和方法。   

    DOM2级增加了鼠标和用户界面事件、范围、遍历(迭代DOM文档的方法)等细分模块,而且通过对象接口增加了对CSS的支持。
    DOM3引入统一方式加载和保存文档的方法。

  3、浏览器对象模型BOM

  从根本上讲,BOM只处理浏览器和框架,但是人们习惯上也把所有针对浏览器的JavaScript扩展算作为BOM的一部分。如:
  弹出新浏览器窗口的功能;
  移动、缩放和关闭浏览器窗口的功能;
  提供浏览器详情信息的navigator对象;
  提供浏览器所加载页面的详细信息的location对象;
  提供用户显示器分辨率详细信息的screen对象;
  对cookies 的支持;
  像XMLHttpRequest和IE的ActiveXObject这样的自定义对象。

免责声明:文章转载自《JavaScript高级程序设计(一):JavaScript简介》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇HTML空格占位符[置顶] 关于怎样提权的小帖子下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

快速入门vue-render函数

render 函数,大部分工老油条,应该是比较了解了,但是可能有些初出茅庐的小年轻们,不是很了解,并且严老湿也去网上查阅了一些相关的文章,总结了一下,不够系统,所以今天简单聊一下,循环渐进 render 函数是什么 ​ 平常我们写 <template> 里面所使用模板HTML语法组建页面的,其实在 vue 中都会编译成 render 函数,因为...

iOS-WKWebView的使用

参考文章:http://www.cocoachina.com/ios/20180831/24753.html WK时苹果在iOS8.0之后推出的控件,相比于UIWebView: 内存消耗少; 解决了网页加载时的内存泄漏问题; 与HTML页面的交互更方便; 总之,其性能比UIWebView好很多。 使用时,首先要添加头文件: #import <We...

xml解析(4)

本节要点: DOM解析方式 SAX解析方式 DOM4J对XML的解析 XML用于将数据组织起来,形成文档用于存储和传输; 更多时候我们需要的是将xml中的数据解析出来,甚至是在程序中动态生成xml。 操作xml的方式有两种DOM和SAX。 XML解析方式分为两种:DOM方式和SAX方式: DOM:Document Object Model,文档...

javascript获取网页URL地址及参数等

先看一个示例 用javascript获取url网址信息 <script type="text/javascript">document.write("location.host="+location.host+"<br>");document.write("location.hostname="+location.hostname+...

JavaScript中伪协议

javascript:这个特殊的协议类型声明了URL的主体是任意的javascript代码,它由javascript的解释器运行 将javascript代码添加到客户端的方法是把它放置在伪协议说明符javascript:后的URL中。这个特殊的协议类型声明了URL的主体是任意的javascript代码,它由javascript的解释器运行。如果javasc...

JS DOM元素

// 为element增加一个样式名为newClassName的新样式 functionaddClass(element, newClassName) { var value =element.className; element.className = value + " " +newClassName; } var bo...