jQuery 教程
jQuery.parseHTML()方法
jQuery 雜項方法實例
使用一個HTML字符串創(chuàng)建一個數(shù)組的Dom節(jié)點，并將它插入一個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é)點名稱
$.each( html, function( i, el ) {
nodeNames[i] = "<li>" + el.nodeName + "</li>";
});
// 插入節(jié)點名
$log.append( "<h3>Node Names:</h3>" );
$( "<ol></ol>" )
.append( nodeNames.join( "" ) )
.appendTo( $log );
})
</script>
運行代碼 ?
定義和用法
$.parseHTML() 函數(shù)用于將HTML字符串解析為對應的DOM節(jié)點數(shù)組。
注意：1. 該函數(shù)將使用原生的DOM元素創(chuàng)建函數(shù)把HTML字符串轉(zhuǎn)換為一個DOM元素的集合，你可以將這些DOM元素插入到文檔中。
2. 如果沒有指定context參數(shù)，或該參數(shù)為null或undefined，則默認為當前document。如果創(chuàng)建的DOM元素用于另一個文檔，例如iframe，則應該指定該iframe的document對象。
安全考慮：大多數(shù)jQuery API都允許HTML字符串在HTML中包含運行腳本。
jQuery.parseHTML()不會運行解析的HTML中的腳本，除非你明確將參數(shù)keepScripts指定為true。
不過，大多數(shù)環(huán)境仍然可以間接地執(zhí)行腳本，例如：通過屬性。調(diào)用者應該避免
這樣做，并清理或轉(zhuǎn)義諸如URL、cookie等來源的任何不受信任的輸入，從而預防出現(xiàn)這種情況。
出于未來的兼容性考慮，當參數(shù)keepScripts被省略或為false時，調(diào)用者應該不依賴任何運行腳
本內(nèi)容的能力。
語法
$.parseHTML( htmlString [, context ] [, keepScripts ] )
| 參數(shù) | 描述 |
|---|---|
| htmlString | String類型 需要解析并轉(zhuǎn)為DOM節(jié)點數(shù)組的HTML字符串 |
| context | Element類型 指定在哪個Document中創(chuàng)建元素，默認為當前文檔的document |
| keepScripts | Boolean類型 指定傳入的HTML字符串中是否包含腳本，默認為false |
其他擴展