繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 让innerHTML的脚本也可以运行起来
- Javascript
- 比较精简的Javascript拖动效果函数代码
- 一个可以得到元素真实的背景颜色的javascript脚本
- 代码精简的可以实现元素圆角的js函数
- 用JS实现的一个include函数
- IE 缓存策略的BUG的解决方法
- $()JS小技巧
- js右键菜单效果代码
- XML的代替者----JSON
- 清空代码防止查看源代码的js代码
- 一个JS翻页效果
- 用js获取点击图片的值!
- 用innerHTML ＆符号副值给文本框后会变成＆amp;的方法
- 让iframe自适应高度（支持XHTML，支持FF）
- dsfasdfasdf
- 用ASP将SQL搜索出来的内容导出为TXT的代码
- 弹出广告特效(一个IP只弹出一次)的代码
- javascript实现的动态文字变换
- 服务器安全设置的几个注册表设置
- 取键盘键位ASCII码的网页
- 用倒置滤镜把div倒置，再把table倒置。
Javascript 中的 让innerHTML的脚本也可以运行起来
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 237 ::
收藏到网摘: 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
