让innerHTML的js脚本运行起来 总结

让innerHTML的js脚本运行起来 总结

网上搜集的一些方法：

1、IE中插入的HTML里，<script>前面有其他对象,并且script 设置了 defer ；

 firefox 把对象重新 append 或者 insertBefore 一次

var fillHTML = function (el,HTMLString)

{
    if (!el) return;
    if (window.ActiveXObject)

   { //For IE
        el.innerHTML = "<img style='display:none'/>" + HTMLString.replace(/<script([^>]*)>/ig, '<script$1 defer>');
        el.removeChild(el.firstChild)
    }

   else

   { //For Mozilla,Opare
        var nSibling = el.nextSibling;
        var pNode = el.parentNode;
        pNode.removeChild(el);
        el.innerHTML = HTMLString;
        pNode.insertBefore(el,nSibling)
    }

}

2、用IFRAME把document.write()装载起来

var jsCode = 需要执行的JS代码

var jsIframe = document.createElement("iframe"); 

jsIframe.style.display = "none";//把jsIframe隐藏起来

document.body.appendChild(jsIframe); 

with(window.frames[window.frames.length - 1])

{

document.open();

document.write(jsCode); //执行JS代码
document.close();

}
document.body.removeChild(jsIframe);//执行后删除iframe对象

3、用dom动态创建一个script对象

var script=document.createElement("script");

script.src="XXXX.js";

document.body.appendChild(script);