DOM
原生:
1致开、document.createElemnet(); ? ? ? ? ? ?創(chuàng)建一個元素
2、document.createTextNode(); ? ? ? ? ? ?創(chuàng)建一個文本節(jié)點
3萎馅、父元素.appendChild(子元素) ? ? ? 將某個元素添加到父元素孩子列表的最末端
document.body.appendChild(p); ? ?把p元素添加到body中的末端
4喇喉、父元素.innerBefore(新元素,其他孩子元素)將某個新元素校坑,添加到父元素中的其他孩子元素的面前
5拣技、父元素.removeChild(刪除的子元素)從父元素中刪除某個子元素
6、父元素.replaceChild(新的元素耍目,舊的元素) ?將父元素內(nèi)的舊元素替換成新元素
7膏斤、元素.cloneNode(flag)克隆當(dāng)前元素,參數(shù)如果為true則克隆當(dāng)前節(jié)點邪驮、屬性以及內(nèi)部的子節(jié)點莫辨,參數(shù)如果為false,則不克隆當(dāng)前節(jié)點以及內(nèi)部的子節(jié)點。
8毅访、父元素.childNodes ?獲取某個節(jié)點下的所有子節(jié)點
9沮榜、父元素.firstChild ? ? 獲取父元素中的第一個孩子節(jié)點
10、父元素.lastChild ?獲取父元素中的最后一個孩子節(jié)點
11喻粹、元素.nextSibling ?獲取下一個兄弟節(jié)點
12蟆融、元素.previousSibling ? 獲取上一個兄弟節(jié)點
13、元素.parentNode 獲取某個元素的父節(jié)點
DOM0級事件:每個元素都有一個事件處理程序?qū)傩允匚兀珼OM0級事件處理程序就是給該元素的這個屬性賦值一個處理匿名函數(shù)的函數(shù)型酥。
? ? ? ? ?DOM0級事件重復(fù)綁定的話會覆蓋之前的。
? ? ? ? ?this是隨著函數(shù)運行環(huán)境的改變而改變查乒,this在全局環(huán)境中表示全局對象--window對象
? ? ? ? ? 全局環(huán)境調(diào)用該函數(shù)弥喉,該函數(shù)內(nèi)部的this就指的是全局對象--window對象
jQuery
1、設(shè)置元素和內(nèi)容
2玛迄、元素的屬性和操作:
addClass()由境; ? 添加屬性
removeClass(): ? ? 移除屬性
toggleClass(); ? ? 切換class值,如果有class值就移除蓖议,如果沒有就添加
attr("src"); ? ? ? ? ?獲取屬性值
attr("href','http://www.ningyuanyuan.com');設(shè)置屬性值
attr({title:'title',src:'path/path1'}); ?同時設(shè)置多個屬性值
removeAttr('arc'); ? ?移除屬性值
3虏杰、元素樣式操作
4讥蟆、css的一些特殊操作方法
offset() ? 相對于窗口的偏移 ? ? ? ? ? ? ? ?position() ? ? ? ? ? ? 相對于定位父級的偏移
? ? ? ? ? ? ?offset().left ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? position().let
? ? ? ? ? ? ?offset().top ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? positon().top
? ? ? ? ? ? ?只對可見元素有效 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?只對可見元素有效
BOM:瀏覽器對象模型(Browser Object Model)
--------------document:window對象的document屬性----------------------------
--------------------------Location對象--------------------------------------
----------------href屬性:控制瀏覽器的地址
---------------reload方法:刷新頁面
----------------------------history對象:(用戶跳轉(zhuǎn)的歷史記錄)----------------------------------------
-------------back方法:回退(相當(dāng)于瀏覽器中的上一步小箭頭)
----------------forword方法:下一個(相當(dāng)于瀏覽器中的下一步小箭頭)
----------------go方法:參數(shù)是一個數(shù)值(num)當(dāng)數(shù)值大于0時,相當(dāng)于跳轉(zhuǎn)到當(dāng)前頁面后面的num個記錄嘹屯,當(dāng)小于0時,相當(dāng)于跳轉(zhuǎn)到當(dāng)前頁面前面的num個記錄
---------------length屬性:獲取歷史記錄的個數(shù)
JSONP
? ? ? ? ? ? 由于同源策略的限制从撼,我們不能直接利用ajax來獲取不同頁面的數(shù)據(jù)州弟,但是我們可以通過 ? ? script標(biāo)簽直接引用來自不同域的JS文件,這也正好說明script標(biāo)簽不受同源策略的影響低零,jsonp就 ? 是利用這個原理婆翔。
原理解釋:利用script標(biāo)簽訪問其他域的數(shù)據(jù)
? ? ? ? ? ? ? ? 返回的數(shù)據(jù),作為callback函數(shù)的參數(shù)
? ? ? ? ? ? ? ? ?本地實現(xiàn)callback,等待返回的數(shù)據(jù)調(diào)用
? ? ? ? ? ? ? ? 獲取callback的參數(shù)掏婶,即為獲取的數(shù)據(jù)
實現(xiàn):1啃奴、動態(tài)創(chuàng)建script標(biāo)簽
? ? ? ? ? ?2、拼接callback函數(shù)
? ? ? ? ? ?3雄妥、拼接普通參數(shù)和設(shè)置script的css屬性拼接到body后
? ? ? ? ? ?4最蕾、在數(shù)據(jù)加載完成后刪除script標(biāo)簽
注意:必須記住的是jsonp跨域的時候返回的jsonp數(shù)據(jù)是一個函數(shù)調(diào)用,在使用之前來定義callback這個函數(shù)老厌,然后這個函數(shù)可以返回我們想要的數(shù)據(jù)