第一章 序與JS簡史

本書并不是一本參考大全類型的圖書,只重點介紹了幾種最有用的DOM方法和屬性。本書的精華在于作者在書中提到的關于JavaScript和DOM腳本編程工作的基本原則良好的習慣正確的思路

代碼示例全部換成HTML5標記。

永遠不要假設Ajax(或JavaScript,等等)一定可用。

增加了jQuery的章節。揭示了人們對為什么使用庫的種種疑問。它讓你先理解了底層代碼的工作原理,然后再告訴你使用庫為什么能節省時間和精力。


前言

本書由代碼概念兩大部分構成。

歸根結底,代碼都是思想和概念的體現

不僅想讓你看到用DOM腳本實現的炫酷效果,更要讓你看到怎樣才能利用DOM腳本編程技術以一種既方便自己更體貼用戶的方式去充實和完善網頁。

本書的代碼可以再http://www.friendsofed.comhttp://www.turingbook.com下載。


JavaScript簡史

起源

JavaScript是Netscape與sun或做開發的。JS是一種腳本語言,通常只能通過web瀏覽器去完成一些操作。需要由web瀏覽器解釋和執行

DOM

簡單的說,DOM是一套對問的那個的內容進行抽象和概念化的方法。

現實世界中--->世界對象模型---->左邊第三棟房子

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可以讓任何一種程序設計語言對使用任何一種標記語言編寫出來的任何一份文檔進行操控。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 前端開發面試知識點大綱: HTML&CSS: 對Web標準的理解、瀏覽器內核差異、兼容性、hack、CSS基本功:...
    秀才JaneBook閱讀 2,499評論 0 25
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,796評論 1 92
  • 1. Java基礎部分 基礎部分的順序:基本語法,類相關的語法,內部類的語法,繼承相關的語法,異常的語法,線程的語...
    子非魚_t_閱讀 31,765評論 18 399
  • 一. Java基礎部分.................................................
    wy_sure閱讀 3,835評論 0 11
  • 從今天開始,要開始每天兩篇的感想,補齊之前遺留的文章 今天的題目是 進行大膽的自我突破。 其實書中提到的最關鍵一點...
    哈村de冬天閱讀 116評論 0 0