jQuery.parseHTML()方法

實(shí)例

使用一個(gè)HTML字符串創(chuàng)建一個(gè)數(shù)組的Dom節(jié)點(diǎn)，并將它插入一個(gè)div

<div id="log"> <h3>Content:</h3> </div> <script> $(function () { var $log = $( "#log" ), str = "hello, <b>my name is</b> jQuery.", html = $.parseHTML( str ), nodeNames = []; //添加已解析的HTML $log.append( html ); //集合已解析HTML的節(jié)點(diǎn)名稱(chēng) $.each( html, function( i, el ) { nodeNames[i] = "<li>" + el.nodeName + "</li>"; }); // 插入節(jié)點(diǎn)名 $log.append( "<h3>Node Names:</h3>" ); $( "<ol></ol>" ) .append( nodeNames.join( "" ) ) .appendTo( $log ); }) </script>

運(yùn)行代碼 ?

定義和用法

$.parseHTML() 函數(shù)用于將HTML字符串解析為對(duì)應(yīng)的DOM節(jié)點(diǎn)數(shù)組。

注意：1. 該函數(shù)將使用原生的DOM元素創(chuàng)建函數(shù)把HTML字符串轉(zhuǎn)換為一個(gè)DOM元素的集合，你可以將這些DOM元素插入到文檔中。
2. 如果沒(méi)有指定context參數(shù)，或該參數(shù)為null或undefined，則默認(rèn)為當(dāng)前document。如果創(chuàng)建的DOM元素用于另一個(gè)文檔，例如iframe，則應(yīng)該指定該iframe的document對(duì)象。
安全考慮：大多數(shù)jQuery API都允許HTML字符串在HTML中包含運(yùn)行腳本。 jQuery.parseHTML()不會(huì)運(yùn)行解析的HTML中的腳本，除非你明確將參數(shù)keepScripts指定為true。不過(guò)，大多數(shù)環(huán)境仍然可以間接地執(zhí)行腳本，例如：通過(guò)屬性。調(diào)用者應(yīng)該避免這樣做，并清理或轉(zhuǎn)義諸如URL、cookie等來(lái)源的任何不受信任的輸入，從而預(yù)防出現(xiàn)這種情況。出于未來(lái)的兼容性考慮，當(dāng)參數(shù)keepScripts被省略或?yàn)閒alse時(shí)，調(diào)用者應(yīng)該不依賴(lài)任何運(yùn)行腳本內(nèi)容的能力。

語(yǔ)法

$.parseHTML( htmlString [, context ] [, keepScripts ] )

參數(shù)	描述
htmlString	String類(lèi)型需要解析并轉(zhuǎn)為DOM節(jié)點(diǎn)數(shù)組的HTML字符串
context	Element類(lèi)型指定在哪個(gè)Document中創(chuàng)建元素，默認(rèn)為當(dāng)前文檔的document
keepScripts	Boolean類(lèi)型指定傳入的HTML字符串中是否包含腳本，默認(rèn)為false

jQuery 雜項(xiàng)方法

其他擴(kuò)展

上一篇：jQuery.now()方法下一篇：jQuery.parseJSON()方法