如果文檔中某些元素的存在只是為了讓DOM方法處理它們艾少，那么用DOM方法創(chuàng)建它們才是最合適的選擇
-
一些傳統(tǒng)方法
- document.write
- document對(duì)象的write()方法可以方便快捷地把字符串插入到文檔里。
- 盡量避免使用
- innerHTML屬性
- innerHTML屬性無細(xì)節(jié)可言。要像獲取細(xì)節(jié)赡矢，必須使用DOM方法和屬性
- 需要把一大段HTML內(nèi)容插入網(wǎng)頁時(shí)杭朱，innerHTML屬性更適用。
- innerHTML不會(huì)放回任何剛插入的內(nèi)容的引用吹散。如果想對(duì)剛插入的內(nèi)容進(jìn)行處理弧械，則需要使用DOM方法和屬性
- document.write和innerHTML屬性都是HTML專有屬性，不能用于任何其他標(biāo)記語言文檔空民。瀏覽器在呈現(xiàn)正宗的XHTML文檔（即MIME類型是application/xhtml+xml的XHTML文檔）時(shí)會(huì)直接忽略掉document.write和innerHTML屬性刃唐。
- document.write
-
DOM方法
- createElement: 創(chuàng)建元素節(jié)點(diǎn)，只是創(chuàng)建還沒有插入到文檔元素中界轩，所以稱為文檔碎片（document fragment）
- appendChild:
- 把新創(chuàng)建的節(jié)點(diǎn)插入某個(gè)文檔的節(jié)點(diǎn)樹
- 還可以用來連接那些尚未成為文檔樹一部分的節(jié)點(diǎn)
- createTextNode: 創(chuàng)建文本節(jié)點(diǎn)
- insertBefore: 把一個(gè)新元素插入到一個(gè)現(xiàn)有元素的前面画饥。
- 調(diào)用語法：parentElement.insertBefore(newElement, targetElement);
- newElement: 新元素
- targetElement：目標(biāo)元素
- parentElement：目標(biāo)元素的父元素
- 其實(shí)不必搞清楚父元素到底是哪個(gè)，因?yàn)閠argetElement元素的parentNode屬性值就是它浊猾。
- 在DOM 里抖甘，元素節(jié)點(diǎn)的父元素必須是另一個(gè)元素節(jié)點(diǎn)（屬性節(jié)點(diǎn)和文本節(jié)點(diǎn)的子元素不允許是元素節(jié)點(diǎn)）
- 調(diào)用語法：parentElement.insertBefore(newElement, targetElement);
- 在現(xiàn)有元素后面插入一個(gè)元素，DOM沒有提供這個(gè)方法葫慎。需要自己編寫insertAfter函數(shù)衔彻，使用到nextSibling屬性是目標(biāo)元素的下一個(gè)兄弟元素。
-
Ajax
- 2005年偷办，Adaptive Path 公司的Jesse James Garrett發(fā)明了Ajax這個(gè)詞艰额，用于概況異步加載頁面內(nèi)容的技術(shù)
- 主要優(yōu)勢(shì)是對(duì)頁面的請(qǐng)求以異步方式發(fā)送到服務(wù)器。而服務(wù)器不會(huì)用整個(gè)頁面來響應(yīng)請(qǐng)求椒涯，它會(huì)在后臺(tái)處理請(qǐng)求柄沮，與此同時(shí)用戶還能繼續(xù)瀏覽頁面并與頁面交互。
- XMLHttpRequest對(duì)象
- Ajax技術(shù)的核心就是XMLHttpRequest對(duì)象
- 這個(gè)對(duì)象充當(dāng)著瀏覽器中的腳本（客戶端）與服務(wù)器之間的中間人的角色废岂。以往的請(qǐng)求是由瀏覽器發(fā)出铡溪，而JavaScript通過這個(gè)對(duì)象可以自己發(fā)送請(qǐng)求，同時(shí)也自己處理響應(yīng)泪喊。
- 最有用的是open方法棕硫。
《JavaScript DOM 編程藝術(shù)（第2版）》讀書筆記七： 動(dòng)態(tài)創(chuàng)建標(biāo)記
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
- 文/潘曉璐 我一進(jìn)店門，熙熙樓的掌柜王于貴愁眉苦臉地迎上來娃属，“玉大人六荒，你說我怎么就攤上這事护姆。” “怎么了掏击？”我有些...
- 文/不壞的土叔 我叫張陵卵皂，是天一觀的道長。 經(jīng)常有香客問我砚亭，道長灯变，這世上最難降的妖魔是什么？ 我笑而不...
- 正文 為了忘掉前任捅膘，我火速辦了婚禮添祸，結(jié)果婚禮上，老公的妹妹穿的比我還像新娘寻仗。我一直安慰自己膝捞，他們只是感情好，可當(dāng)我...
- 文/花漫 我一把揭開白布愧沟。 她就那樣靜靜地躺著蔬咬，像睡著了一般。 火紅的嫁衣襯著肌膚如雪沐寺。 梳的紋絲不亂的頭發(fā)上林艘，一...
- 文/蒼蘭香墨 我猛地睜開眼厨诸，長吁一口氣：“原來是場噩夢(mèng)啊……” “哼镶殷！你這毒婦竟也來了？” 一聲冷哼從身側(cè)響起微酬，我...
- 序言：老撾萬榮一對(duì)情侶失蹤绘趋，失蹤者是張志新（化名）和其女友劉穎，沒想到半個(gè)月后颗管，有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體陷遮，經(jīng)...
- 正文 獨(dú)居荒郊野嶺守林人離奇死亡，尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
- 正文 我和宋清朗相戀三年垦江，在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了帽馋。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
- 正文 年R本政府宣布绣溜，位于F島的核電站慷彤，受9級(jí)特大地震影響娄蔼，放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜底哗，卻給世界環(huán)境...
- 文/蒙蒙 一岁诉、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧跋选，春花似錦涕癣、人聲如沸。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至炼列，卻和暖如春只搁，著一層夾襖步出監(jiān)牢的瞬間，已是汗流浹背俭尖。 一陣腳步聲響...
- 正文 我出身青樓焰望，卻偏偏與公主長得像，于是被迫代替她去往敵國和親已亥。 傳聞我的和親對(duì)象是個(gè)殘疾皇子熊赖，可洞房花燭夜當(dāng)晚...
推薦閱讀更多精彩內(nèi)容
- JS也可以用來改變網(wǎng)頁的結(jié)構(gòu)和內(nèi)容 一些傳統(tǒng)方法 document.write document對(duì)象的write(...
- title: 《DOM編程藝術(shù)》五秫舌、動(dòng)態(tài)創(chuàng)建標(biāo)記date: 2017-06-03 10:25:52tags: DO...
- 第2章 2.4.1 比較操作符 1、大于（>） 2绣檬、小于（<） 3足陨、大于或等于（>=） 4、小于或等于（<=） 判...
- ????我們很多時(shí)候都要進(jìn)行動(dòng)態(tài)的添加元素娇未，因?yàn)橐粋€(gè)頁面是從上到下執(zhí)行的墨缘，我們?cè)趯慍SS時(shí)就有很好的體會(huì)，如果當(dāng)一...
- 這是《JavaScript學(xué)徒》系列的第十一課，今天會(huì)進(jìn)入《JavaScript DOM編程藝術(shù)》第7章镊讼，我們會(huì)一...
