序
本書并不是一本參考大全類型的圖書仑撞,只重點介紹了幾種最有用的DOM方法和屬性只搁。本書的精華在于作者在書中提到的關于JavaScript和DOM腳本編程工作的基本原則音比、良好的習慣和正確的思路。
代碼示例全部換成HTML5標記氢惋。
永遠不要假設Ajax(或JavaScript洞翩,等等)一定可用稽犁。
增加了jQuery的章節(jié)。揭示了人們對為什么使用庫的種種疑問骚亿。它讓你先理解了底層代碼的工作原理已亥,然后再告訴你使用庫為什么能節(jié)省時間和精力。
前言
本書由代碼和概念兩大部分構成来屠。
歸根結底陷猫,代碼都是思想和概念的體現(xiàn)。
不僅想讓你看到用DOM腳本實現(xiàn)的炫酷效果的妖,更要讓你看到怎樣才能利用DOM腳本編程技術以一種既方便自己更體貼用戶的方式去充實和完善網(wǎng)頁。
本書的代碼可以再http://www.friendsofed.com或http://www.turingbook.com下載足陨。
JavaScript簡史
起源
JavaScript是Netscape與sun或做開發(fā)的嫂粟。JS是一種腳本語言,通常只能通過web瀏覽器去完成一些操作墨缘。需要由web瀏覽器解釋和執(zhí)行星虹。
DOM
簡單的說,DOM是一套對問的那個的內容進行抽象和概念化的方法镊讼。
現(xiàn)實世界中--->世界對象模型---->左邊第三棟房子
JS--->提供了查詢和操控web文檔某些實際內容(圖像和表單)的手段--->預先定義了images和forms--->文檔中的第三個圖像
document.images[2];
document.forms['details'];
瀏覽器之間的沖突
Netscape的DOM使用了專有元素宽涌,稱為層(layer)。層有唯一的ID蝶棋,假設要找出myelement元素的left位置并賦值給變量xpos卸亮,JS代碼需要如下引用
document.layers['myelement']
var xpos=docuemnt.layers['myelement'].left;
而微軟需要如下引用
document.all['myelement']
var xpos=docuemnt.all['myelement'].leftpos;
標準的制定
W3C推出了標準化的DOM。還是剛才的例子玩裙,假設要找出myelement元素的left位置并賦值給變量xpos兼贸,此時的JS語法如下:
var xpos=docuemnt.getElementById('myelement').style.left
W3C推出的標準化的DOM可以讓任何一種程序設計語言對使用任何一種標記語言編寫出來的任何一份文檔進行操控。