DOM、BOM预侯、JSONP

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ù)


最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末瘟则,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子枝秤,更是在濱河造成了極大的恐慌醋拧,老刑警劉巖,帶你破解...
    沈念sama閱讀 219,366評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件淀弹,死亡現(xiàn)場離奇詭異丹壕,居然都是意外死亡,警方通過查閱死者的電腦和手機薇溃,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,521評論 3 395
  • 文/潘曉璐 我一進(jìn)店門菌赖,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人沐序,你說我怎么就攤上這事盏袄。” “怎么了薄啥?”我有些...
    開封第一講書人閱讀 165,689評論 0 356
  • 文/不壞的土叔 我叫張陵辕羽,是天一觀的道長。 經(jīng)常有香客問我垄惧,道長刁愿,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,925評論 1 295
  • 正文 為了忘掉前任到逊,我火速辦了婚禮铣口,結(jié)果婚禮上滤钱,老公的妹妹穿的比我還像新娘。我一直安慰自己脑题,他們只是感情好件缸,可當(dāng)我...
    茶點故事閱讀 67,942評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著叔遂,像睡著了一般他炊。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上已艰,一...
    開封第一講書人閱讀 51,727評論 1 305
  • 那天痊末,我揣著相機與錄音,去河邊找鬼哩掺。 笑死凿叠,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的嚼吞。 我是一名探鬼主播盒件,決...
    沈念sama閱讀 40,447評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼舱禽!你這毒婦竟也來了履恩?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,349評論 0 276
  • 序言:老撾萬榮一對情侶失蹤呢蔫,失蹤者是張志新(化名)和其女友劉穎切心,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體片吊,經(jīng)...
    沈念sama閱讀 45,820評論 1 317
  • 正文 獨居荒郊野嶺守林人離奇死亡绽昏,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,990評論 3 337
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了俏脊。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片全谤。...
    茶點故事閱讀 40,127評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖爷贫,靈堂內(nèi)的尸體忽然破棺而出认然,到底是詐尸還是另有隱情,我是刑警寧澤漫萄,帶...
    沈念sama閱讀 35,812評論 5 346
  • 正文 年R本政府宣布卷员,位于F島的核電站,受9級特大地震影響腾务,放射性物質(zhì)發(fā)生泄漏毕骡。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,471評論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望未巫。 院中可真熱鬧窿撬,春花似錦、人聲如沸叙凡。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,017評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽握爷。三九已至跛璧,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間饼拍,已是汗流浹背赡模。 一陣腳步聲響...
    開封第一講書人閱讀 33,142評論 1 272
  • 我被黑心中介騙來泰國打工田炭, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留师抄,地道東北人。 一個月前我還...
    沈念sama閱讀 48,388評論 3 373
  • 正文 我出身青樓教硫,卻偏偏與公主長得像叨吮,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子瞬矩,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,066評論 2 355

推薦閱讀更多精彩內(nèi)容

  • 第一章 入門 基本功能:訪問和操作 dom 元素茶鉴,控制頁面樣式,對頁面的事件處理景用,與ajax完美結(jié)合涵叮,有豐富的插件...
    X_Arts閱讀 1,048評論 0 2
  • 1.幾種基本數(shù)據(jù)類型?復(fù)雜數(shù)據(jù)類型?值類型和引用數(shù)據(jù)類型?堆棧數(shù)據(jù)結(jié)構(gòu)? 基本數(shù)據(jù)類型:Undefined、Nul...
    極樂君閱讀 5,520評論 0 106
  • 大多數(shù)國人的一生可以用兩個詞來概括:掙錢伞插、花錢割粮。這樣講似乎覺得單調(diào),其實人生呢媚污,也是存在精彩的舀瓢,它的精彩之處就是如...
    風(fēng)畫雪愿閱讀 145評論 0 0
  • 兩種模式 -編輯模式:可以進(jìn)行正常的編輯操作左下方顯示 -- INSERT --"在命令模式下輸入 i 能夠進(jìn)入編...
    怪獸密保閱讀 200評論 0 0
  • 深院清幽看雨,雨落屋檐聽曲耗美,錯把夢當(dāng)真京髓,暗嘆癡心誰許。歸去商架,歸去堰怨,一路淋濕新綠
    李三金閱讀 294評論 11 7