繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 让innerHTML的脚本也可以运行起来
- Javascript
- 不是原型继承那么简单！！prototype的深度探索
- JavaScript与函数式编程解释
- 转一个日期输入控件，支持FF
- 用 JSON 处理缓存
- 改版了网上的一个js操作userdata
- 仿服务器端脚本方式的JS模板实现方法
- javascript函数库-集合框架
- Javascript模板技术
- javascript实现的listview效果
- JavaScript 实现網頁打印處理
- （推荐一个超好的JS函数库）S.Sams Lifexperience ScriptClassLib
- 实现div可编辑的常见方法总结
- js奇偶数判断的代码
- 可以支持多中格式的JS键盘
- javascript静态的url如何传递
- JS实多级联动下拉菜单类，简单实现省市区联动菜单！
- Packer 3.0 JS压缩及混淆工具 下载
- 学习jquery必备 api中英文对照的chm手册 下载
- 用js实现CSS圆角生成更新
- 用js实现的抽象CSS圆角效果!!
Javascript 中的 让innerHTML的脚本也可以运行起来
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 219 ::
收藏到网摘: n/a
最近在脑子一直在想pjblog重构的问题.当然重构前,必须把所有需要做的东西想清楚.其中想到一个js改进的内容,需要innerHTML后的脚本也可以运行.但是尝试了一下.发现IE下直接innerHTML的脚本无法执行. 尝试了几次发现,插入的HTML里,<script>前面有其他对象,并且script 设置了 defer , 这样的脚本innerHTML被IE执行了. ,但是这招对于firefox不灵~~ 后来找了一些资料发现 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)
}
}
评论 (0) All
