JavaScript Bible的学习记录1 - HTML， Dom和JavaScript中的基本概念
虽叫原创，其实相当多的内容借鉴于JavaScript Bible这本书。是自己学习的一些思路整理的记录。毫不谦虚的说，难免粗浅，错误。有兴趣的朋友一起交流。
今天谈到的都是最基本的知识，但也是有一个好的开始的保证。完事开头难吗，接触到正确的知识（包括术语，概念，理念等）都很重要。
HTML，是一种标签语言，用于书写web page。一个最基本的html文档，
<!DOCTYPE html>
<html>
<head>
<meta ...>
<title></title>
</head>
<body>
</body>
</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的认识的变化。对象是一个更贴近于程序的概念，同时拥有属性，方法和事件。以后会有详细信息，贴一个书中的例子：
<!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <title>A Simple Button with an Event Handler</title> <script type="text/javascript" src="jsb-06-01.js"></script> </head> <body> <form action=""> <div> <button id="clicker">Click me</button> </div> </form> </body> </html>
// tell the browser to run this script when the page has finished loading
window.onload = applyBehavior;
// apply behavior to the button
function applyBehavior()
{
// ensure a DOM-aware user agent
if (document.getElementById)
{
// point to the button
var oButton = document.getElementById(’clicker’);
// if it exists, apply behavior
if (oButton)
{
oButton.onclick = behave;
}
}
}
// what to do when the button is clicked
function behave(evt)
{
alert(’Ouch!’);
}
有必要说明的是对于javascript编程和浏览器的另一个重要概念是render tree。对应于DOM，render tree是经由浏览器java script执行和对于Dom中各种资源处理后动态生成的最终展现给用户的树。
最后介绍一个很不错的学习javascript和html的工具网站：http://xem.github.io/miniCodeEditor/ 可以即时展现HTML和JavaScript的效果，非常好的一个学习工具。