1. 程式人生 > >Javascript+DOM程式設計藝術——摘要

Javascript+DOM程式設計藝術——摘要

第一章
Javascript:是弱型別語言,不關心變數是字串或數值。 
\: 轉義字元
字串、數值和布林值都是離散值;變數要儲存一組值,需用陣列。
填充:為陣列新增元素。
關聯陣列
物件:屬性和方法,如某人的身高、體重是屬性,睡覺、說話是方法,二者都屬於某個物件
例項:是物件的具體表現,物件是統稱,例項是個體。
使用者定義物件:程式設計師自定義
內建物件:如定義一個數組,即建立了例項,為其新增元素,對其屬性賦值。
宿主物件:網頁瀏覽器提供的預定義物件。

第二章
元素節點=1、文字節點=3、屬性節點(標題)=2
class屬性:為元素定義共有或獨享的樣式 “.”
Id:網頁的識別符號 “#”,如掛鉤,一頭連著文件屬性,一頭連著CSS樣式
if(something),表示它存在為真,否則為假。
DOM四個方法檢索元素節點:getElementById(id),只帶一個引數.呼叫時返回一個物件。
文件中每個元素對應一個物件。
       getElementByTagName(tag),返回一個物件陣列。可以萬用字元“*”作為引數呼叫
       getAttribute()查出屬性值
       setAttribute()修改屬性,傳遞兩個引數
<ul>:無序清單元素
<ol>:排序清單元素

第四章
DOM是適用於多環境多程式設計語言的API。
事件處理函式:增加return false目的,不讓使用者被所點選的連結帶到另一個圖片檢視視窗。
childNodes屬性:返回一個數組,即給定元素節點的全體子元素,包含所有型別節點。
nodeType屬性:區分文件裡的各個節點。
nodeValue屬性:檢索和設定文字節點的值。
firstChild和lastChild屬性

第五章
建立新瀏覽器視窗:window.open(url,name,features)
最好不要用JavaScript偽協議
搜尋友好處理:直接新增地址,<a href=“url”/a> (留後路招數)
popUp(this.href)
class屬性:文件與樣式的聯結紐帶
向後相容:if(!getElementById) return false; 物件檢測(只檢查而不呼叫時用該方法)
DOM Core和HTML-DOM比較,後者更簡短,且只能用於web文件。
element.getAttribute("src");
element.src;
placeholder.setAttribute("src",source);
placeholder.src = source;

第七章、動態建立Html內容
innerHTML屬性,會替換全部內容,僅適用於html文件。專利技術。
DOM,一個文件就是一棵節點樹。
createElement()
createTextNode()
father.appendChild(child)
insertBefore()
前兩個建立的都是孤兒,需要後兩個來連線起來。

第八章、充實文件的內容
核心原則:循序漸進與預留退路
<abbr>:縮略語,取片語的首字母並大寫,如USA.