js加強小結

標籤：des   java   ext   get   os   javascript   

一）回顧JavaScript基礎 （1）函數的定義方式 *>>正常方式 function add(num1,num2){...} >>構造器方式 var add = new Function("num1","num2","return num1+num2"); *>>匿名/無名方式 var add = function(num1,num2){函數體} （2）window對象是什麼在JS中，window表示整個瀏覽器視窗 （3）window對象常用屬性、方法、事件 A)屬性 >>document對象：表示瀏覽器中白色地區，即可顯示內容的地方 >>status對象：瀏覽器中的狀態列 >>location：瀏覽器地址攔，常用的屬性href，表示地址攔輸入的URL路徑 >>history：瀏覽器的曆史攔，它存的是瀏覽器已訪問過的網頁 >>screen：瀏覽器的所在的螢幕對象 >>navigator：瀏覽器相關的資訊，你可以將用戶端瀏覽器相關的資訊傳到服務端， 此時服務端就知道，應該輸出什麼的樣的資訊給用戶端看 ... ... B)方法 >>alert()：以警告框形式輸出內容 >>open()：開啟一個新的瀏覽器視窗 >>close()：關閉一個已開啟的瀏覽器視窗 ... ... C)事件 >>onload：頁面載入時，由系統調用 >>onunload：瀏覽器卸載頁面時觸發，整個瀏覽器已關閉了 >>onbeforeunload：瀏覽器卸載頁面時觸發，整個瀏覽器暫未關閉 注意：我們這二個onunload和onbeforeunload是早期瀏覽器中所支援的事件 ... ... （4）如何定位表單、表單元素、擷取表單元素的值A）定位表單有二種方式 第一種：能過表單名，即window.docment.表單的name屬性值 第二種：能過forms屬性，第一個表單，下標是0，依此類推，即window.docment.forms[0]B）表單元素 表單.表單元素名，即window.document.forms[0].username C）擷取表單元素的值 表單元素.value屬性，即window.document.forms[0].username.value *二）DOM常用API實戰 （1）什麼是DOM D（Document）文檔：html或xml二種，今天特指html O（Object）對象，其於對象的方式操作，例如：對象.方法()；對象.屬性 M（Model）模型，任何一個文檔，在dom看來，就是一個倒狀的樹模型 （2）DOM的特點 DOM是一種操作html或xml的規則，這套規則是跨平台(window/linux)，跨語言(js,vbs,java)，跨瀏覽器(ie,firefox)。 只有你操作DOM標準的API，就可以在任何瀏覽器執行，具有相同的效果。 DOM的API中，有一些執行效果可能在A瀏覽器中是這個效果，可能在B瀏覽器中是那個效果，這是正常現象 各個瀏覽器並沒有對JS的執行答成相同的效果 在dom眼中，一切文檔都是由節點群組成 （3）節點種類 >>文檔節點(document)：只有惟一的一個 >>元素節點(divElement) >>文本節點(divTextElement) >>屬性節點(divAttrElement) （4）常用API 參見<>和<> getElementById() getElementsByName() getElementsByTagName() hasChildNodes() nodeName nodeType=1元素節點/2屬性節點/3文本節點 nodeValue replaceChild() getAttribute()：返回屬性值，是一個文本字串 getAttributeNode("屬性名稱"）:返回屬性節點，是一個對象 setAttribute() removeAttribute() createElement() innerHTML appendChild() createTextNode() insertBefore() removeChild()：刪除元素只能通過直接父元素刪除，沒有自刪 firstChild lastChild nextSibling previousSibling parentNode showModalDialog() showModelessDialog() *三）DOM應用 （1）選擇輸出對話方塊 （2）增刪表格 （3）列表框移動 （4）像框