首页 > PHP资讯 > HTML5培训技术 > JavaScriptBible的学习记录1-HTML,Dom和JavaScript中的基本概念

JavaScriptBible的学习记录1-HTML,Dom和JavaScript中的基本概念

HTML5培训技术

虽叫原创,其实相当多的内容借鉴于JavaScript Bible这本书。是自己学习的一些思路整理的记录。毫不谦虚的说,难免粗浅,错误。有兴趣的朋友一起交流。

今天谈到的都是最基本的知识,但也是有一个好的开始的保证。完事开头难吗,接触到正确的知识(包括术语,概念,理念等)都很重要。

HTML,是一种标签语言,用于书写web page。一个最基本的html文档,

                

在互联网上查询所有关于html tag的意义第一个链接应该都是指向w3c school的站点。对于html tag的最权威解释。

其中各个tag之后会学习到。现在看到的一个比较特殊的tag是meta。它被定义为data of data,也就是元数据。是对于整个文档的描述。例如可能描述文档的作者,文档的内容,文档是用的编码等。这个tag是提供给计算机关于该处理该文档的有用信息。比如对于搜索引擎,分析各个crawl来的web page的meta data是必不可少的工作。

DOM: 文档对象模型。DOM是对于html中各个tag的一种结构化模型。每个tag被视为一个object。一篇html文档所包含的全部对象被组织成一棵树,每一个tag是一棵树中的node。DOM的重要之处在于对于tag的认识的变化。对象是一个更贴近于程序的概念,同时拥有属性,方法和事件。以后会有详细信息,贴一个书中的例子:

A Simple Button with an Event Handler<script type="text/javascript" src="jsb-06-01.js">《script》

// tell the browser to run this script when the page has finished loadingwindow.onload = applyBehavior;// apply behavior to the buttonfunction applyBehavior(){// ensure a DOM-aware user agentif (document.getElementById){// point to the buttonvar oButton = document.getElementById(’clicker’);// if it exists, apply behaviorif (oButton){oButton.onclick = behave;}}}// what to do when the button is clickedfunction behave(evt){alert(’Ouch!’);}

有必要说明的是对于javascript Script的效果,非常好的一个学习工具。

HTML5培训技术

本文由欣才IT学院整理发布,未经许可,禁止转载。
支持30不支持0