執(zhí)行插入.innerHTML的<script>元素我有一個(gè)腳本,它可以在元素中插入一些內(nèi)容innerHTML.例如,內(nèi)容可以是:<script type="text/javascript">alert('test');</script><strong>test</strong>問題是,<script>標(biāo)簽不會(huì)被執(zhí)行。我搜索了一下,但沒有明顯的解決方案。如果我使用jQuery插入內(nèi)容$(element).append(content);劇本部分eval在被注入DOM之前。是否有人獲得執(zhí)行所有<script>元素?jQuery代碼有點(diǎn)復(fù)雜,所以我無法真正弄清楚它是如何完成的。編輯:通過查看jQuery代碼,我找到了jQuery是如何實(shí)現(xiàn)的,這導(dǎo)致了以下代碼:Demo:<div id="element"></div><script type="text/javascript">
function insertAndExecute(id, text)
{
domelement = document.getElementById(id);
domelement.innerHTML = text;
var scripts = [];
ret = domelement.childNodes;
for ( var i = 0; ret[i]; i++ ) {
if ( scripts && nodeName( ret[i], "script" ) && (!ret[i].type || ret[i].type.toLowerCase() === "text/javascript") ) {
scripts.push( ret[i].parentNode ? ret[i].parentNode.removeChild( ret[i] ) : ret[i] );
}
}
for(script in scripts)
{
evalScript(scripts[script]);
}
}
function nodeName( elem, name ) {
return elem.nodeName && elem.nodeName.toUpperCase() === name.toUpperCase();
}
function evalScript( elem ) {
data = ( elem.text || elem.textContent || elem.innerHTML || "" );
var head = document.getElementsByTagName("head")[0] || document.documentElement,
script = document.createElement("script");
script.type = "text/javascript";
script.appendChild( document.createTextNode( data ) );
head.insertBefore( script, head.firstChild );
head.removeChild( script );
if ( elem.parentNode ) {
elem.parentNode.removeChild( elem );
}
}
insertAndExecute("element", "<scri"+"pt type='text/javascript'>document.write('This text should appear as well.')
</scr"+"ipt><strong>this text should also be inserted.</strong>");</script>
執(zhí)行插入.innerHTML的<script>元素
眼眸繁星
2019-06-17 17:27:13