学学习网 手机版

学学习网

学习路径: 学习首页 > web开发 > JavaScript >

web开发几个模块的分析(2)

设置字体:
----------------------------------


  7、DOM

  在网页上,组成页面的对象被组织在一个树形结构中,页面的顶级包含在<html>标签中,在其中会找到<head>和<body>标签,而其他标签包含在这两个标签中,依此类推。

  Javascript将文档树中的每个项目当作对象,通过 Javascript,您可以重构整个 HTML 文档。您可以添加、移除、改变或重排页面上的对象,要改变页面的某个东西,Javascript就需要获得对 HTML 文档中所有元素进行访问的入口。这个入口,连同对 HTML元素进行添加、移动、改变或移除的方法和属性,都是通过文档对象模型来获得的,也就是说,文档中对象的表示称为文档对象模型,即Document Object Model,简称DOM。

  在1998年,W3C 发布了第一级的 DOM 规范。这个规范允许访问和操作 HTML 页面中的每一个单独的元素。所有的浏览器都执行了这个标准,因此,DOM的兼容性问题也几乎难觅踪影了。DOM 可被 Javascript 用来读取、改变 HTML、XHTML 以及 XML 文档。

  DOM被分为不同的部分(核心、XML及HTML)和级别(DOM Level 1/2/3):

  Core DOM,定义了一套标准的针对任何结构化文档的对象

  XML DOM,定义了一套标准的针对 XML 文档的对象

  HTML DOM,定义了一套标准的针对 HTML 文档的对象。

  8、jQuery

  jQuery是继prototype之后又一个优秀的Javascrīpt框架。它是轻量级的js库(压缩后只有21k),它兼容CSS3,还兼容各种浏览器 (IE 6.0+, FF 1.5+, Safari 2.0+, Opera9.0+)。jQuery使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。jQuery能够使用户的html页保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需定义id即可。

  其宗旨是——WRITE LESS, DO MORE(写更少的代码,做更多的事情)。

 

  9、整个开发过程你还会学习到一些工具的使用:

  Visio,Dreamweaver,Vistual Studio,Sql Server或Access,(Vim, EditPlus, Notpad++),各种浏览器以及FireBug的插件,IE下的WebDevelopmentHelper等。

  10、当然,如果你足够用心,你还发掘出很多不错的资源。
   
      
例如MSDN,W3cSchool,一些前辈的博客,一些技术论坛等等,这都是你未来前进道路上的财富。

  综上,如果你真的完成了自己的Web应用程序,并通过做这个程序学习了以上这些技术和工具的基础内容,那么恭喜你,你已经成为一个初级Web应用程序开发者了。

----------------------------------
课程列表
重点难点
赞助链接