javascript知識點匯總-資料下載頁

　　

【正文】 nt對象的集合 所有元素的集合 返回對文檔中所有form對象的引用 通過集合來訪問相應的對象 C. anchors 返回對文檔中所有anchors 對象的引用 返回對文檔中所有image 對象的引用 返回對文檔中所有area 對象和link對象的引用DAY 30:javascript對文檔對象的內容、屬性、樣式的操作(上)一、操作內容 用來設置或獲取對象起始和激素標簽內的內容(識別html標簽) 用來設置或獲取對象起始和激素標簽內的內容 (IE) textContent用來設置或獲取對象起始和激素標簽內的內容 (FF) 用來設置或獲取包括本對象在內起始和激素標簽內的內容(識別html標簽) outerText 用來設置或獲取包括本對象在內起始和激素標簽內的內容二、操作屬性 =值 (設置、獲取、添加屬性(屬性值)) 2. getAttribute(屬性) 獲取給定的屬性的值 setAttribute(屬性,值) 設置或是添加屬性三、操作樣式 =值 (設置、獲取、添加屬性) **************************************************** 遇到屬性是鏈接的，要將去掉，后面的單詞的首字母大寫 **************************************************** DAY 31:javascript對文檔對象的內容、屬性、樣式的操作(下)一、css層疊樣式的操作 1通過ID來更改樣式 2通過className更改樣式 ******************************************* 適合批量更改 ******************************************* 3更改或者獲取或者設置某個屬性的值 ************************************************************** [下標].rules[下標]. [下標].rules[下標].=值 樣式表的集合 [0].rules 樣式規則的列表 [0]. 樣式規則的集合 [下標].rules[下標]. 適用于IE ************************************************************** [下標].cssRules[下標]. [下標].cssRules[下標].=值 適用于FF *************************************************************** 4 動態的添加刪除css樣式規則 [下標].insertRule(選擇器{屬性:值},位置) [下標].addRule(選擇器,屬性:值,位置) IE removeRule(位置) IE二、行內樣式和css層疊樣式通用的方式 IE 用來獲得實際的樣式屬性 getComputedStyle(對象,null) FF 用來獲得實際的樣式屬性 ******************************* 只能獲取不能設置 ******************************* DAY 32:javascript對表單的操作實例講解(上)一、獲得表單引用 1通過直接定位的方式來獲取 ()。 ()。 ()。 2通過集合的方式來獲取引用 [下標] [name] 3通過name直接獲取“（只適用于表單） 二、獲得表單元素的引用 1直接獲取 ()。 ()。 ()。 2通過集合來獲取 獲得表單里面所有元素的集合 [下標] [name] 3直接通過name的形式 三、表單元素共同的屬性和方法 1獲取表單元素的值 獲取或是設置值 2屬性 disabled 獲取或設置表單控件是否禁用 true false form 指向包含本元素的表單的引用 3方法 blur()失去焦點 focus() 獲得焦點 DAY 33:javascript對表單的操作實例講解(中)一、文本域 input type=text *********************************** 操作文本域的值 value 屬性 設置或者獲取值 ***********************************二、單選按鈕 ******************************************* checked 返回或者設置單選的選中狀態 true 選中 false 未選中 value 屬性 獲取選中的值，必須先判斷選中狀態。 *******************************************三、多選按鈕 ******************************************* checked 返回或者設置單選的選中狀態 true 選中 false 未選中 value 屬性 獲取選中的值，必須先判斷選中狀態。 *******************************************四、下拉框 ************************************************ selected 設置或返回下拉框的選中狀態 true 選中 false 未選中 selectedIndex 設置或返回下拉框被選中的索引號 ************************************************DAY 34:javascript對表單的操作實例講解(下)五、文本區域 *************************************** textarea/textarea value 操作值 ***************************************六、驗證表單 onsubmit 當表單提交的時候觸發的事件 onblur obfocus onchange false。 阻止事件的默認行為(適用于所有事件)七。提交方法 表單的方法 () DAY 35:javascript節點屬性詳解根據 DOM，HTML 文檔中的每個成分都是一個節點。DOM 是這樣規定的： 整個文檔是一個文檔節點 每個 HTML 標簽是一個元素節點 包含在 HTML 元素中的文本是文本節點 每一個 HTML 屬性是一個屬性節點 注釋屬于注釋節點 一、如何獲得節點引用 getElementById() getElementByTagName() getElementByName() ******************************************* 劣勢： ******************************************* 關系屬性 獲得節點的引用 獲得父節點的引用 獲得子節點的集合 獲得第一個子節點 獲得第一個子節點\ 獲得下一個兄弟節點的引用 獲得上一個兄弟節點的引用****************************************************************劣勢:兼容性不好。**************************************************************** 二、節點的信息(屬性) 節點類型 節點名字 節點值 nodeType(數值) nodeName nodeValue元素節點 1 標簽名 null 屬性節點 2 屬性名 屬性值文本節點 3 text 文本注釋節點 8 ment 注釋的文字文檔節點 9 document null三、兼容性的方法DAY 36:javascript節點的增、刪、改、查實例講解一、創建節點 1創建元素節點 (元素標簽名)。 2創建屬性節點 (屬性名)。 =屬性值 (屬性名,屬性值) (屬性名,屬性值) 3創建文本節點 =。 (文本)。二、追加到頁面當中 (追加的對象) 插入到最后 (要插入的對象,之前的對象) 插入到最后三、修改(替換)節點 (要修改的對象,被修改的)。四、刪除節點 (刪除的對象)如果確定要刪除節點，最好也清空內存 對象=null。DAY 37:javascript事件基礎和事件綁定一、事件驅動 javascript偵測到的用戶的操作或是頁面的一些行為(怎么發生的) 引發事件的元素。(發生在誰的身上) 對事件處理的程序或是函數 (發生了什么事)二、事件的分類 onclick ondblclick onmousedowm onmouseup onmousemove onmouseover onmouseout onkeyup onkeydown onkeypress 鼠標按下或按住 onsubmit onblur onfoucs onchange onload onunload onbeforeunload三、如何綁定事件 3.script for=two event=onclick alert(我是DIV2)。 /script四、同一個事件綁定多個事件處理程序 : (事件(on),處理程序) 添加 (事件(on),處理程序) 刪除 FF: (事件(on),處理程序,布爾值) 添加 (事件,處理程序,布爾值) 刪除 DAY 38:javascript事件對象實例講解一、事件對象 用來記錄一些事件發生時的相關的信息的對象 ，只能在處理函數內部訪問 。二、如何獲取事件對象 IE： FF:=function (e){} 三、事件對象的屬性 相對于瀏覽器位置的 clientX 當鼠標事件發生的時候，鼠標相對于瀏覽器X軸的位置 clientY 當鼠標事件發生的時候，鼠標相對于瀏覽器Y軸的位置 相對于屏幕位置的 screenX 當鼠標事件發生的時候，鼠標相對于屏幕X軸的位置 screenY 相對于事件源的位置 IE: offsetX 當鼠標事件發生的時候，鼠標相對于事件源X軸的位置 offsetY FF: layerX