让innerHTML的脚本也可以运行起来


Posted in Javascript onJuly 01, 2006

最近在脑子一直在想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)
}
}

Javascript 相关文章推荐
Prototype最新版(1.5 rc2)使用指南(1)
Jan 10 Javascript
幻灯片带网页设计中的20个奇妙应用示例小结
May 27 Javascript
Javascript小技能总结(推荐)
Jun 02 Javascript
javacript获取当前屏幕大小
Jun 04 Javascript
jQuery实现倒计时功能 jQuery实现计时器功能
Sep 19 jQuery
浅谈如何通过node.js对数据进行MD5加密
May 16 Javascript
详解express + mock让前后台并行开发
Jun 06 Javascript
Angularjs实现页面模板清除的方法
Jul 20 Javascript
vue组件表单数据回显验证及提交的实例代码
Aug 30 Javascript
浅谈vux之x-input使用以及源码解读
Nov 04 Javascript
浅谈Javascript常用正则表达式应用
Mar 08 Javascript
vue将后台数据时间戳转换成日期格式
Jul 31 Javascript
DEFER怎么用?
Jul 01 #Javascript
让插入到 innerHTML 中的 script 跑起来的实现代码
Jul 01 #Javascript
在网页中控制wmplayer播放器
Jul 01 #Javascript
Javascript的IE和Firefox兼容性汇编
Jul 01 #Javascript
提高代码性能技巧谈—以创建千行表格为例
Jul 01 #Javascript
对textarea框的代码调试,而且功能上使用非常方便,酷
Jun 30 #Javascript
列表内容的选择
Jun 30 #Javascript
You might like
PHP时间格式控制符对照表分享
2013/07/23 PHP
PHP类继承 extends使用介绍
2014/01/14 PHP
php链表用法实例分析
2015/07/09 PHP
php实现的简单中文验证码功能示例
2017/01/03 PHP
JS 面向对象的5钟写法
2009/07/31 Javascript
Mootools 1.2教程 函数
2009/09/15 Javascript
JavaScript 学习笔记二 字符串拼接
2010/03/28 Javascript
文件编码导致jquery失效的解决方法
2013/06/26 Javascript
input链接页面、打开新网页等等的具体实现
2013/12/30 Javascript
js+html5实现canvas绘制镂空字体文本的方法
2015/06/05 Javascript
javascript HTML5 canvas实现打砖块游戏
2020/06/18 Javascript
JQuery在循环中绑定事件的问题详解
2016/06/02 Javascript
jQuery实现的表头固定效果实例【附完整demo源码下载】
2016/08/01 Javascript
JS中用try catch对代码运行的性能影响分析
2016/12/26 Javascript
jquery操作ul的一些操作笔记整理(干货)
2017/08/31 jQuery
vue组件中使用iframe元素的示例代码
2017/12/13 Javascript
Vue2.0 给Tab标签页和页面切换过渡添加样式的方法
2018/03/13 Javascript
JS实现json数组排序操作实例分析
2019/10/28 Javascript
nuxt 服务器渲染动态设置 title和seo关键字的操作
2020/11/05 Javascript
Bootstrap FileInput实现图片上传功能
2021/01/28 Javascript
python实现DNS正向查询、反向查询的例子
2014/04/25 Python
Python中分支语句与循环语句实例详解
2018/09/13 Python
详解django中使用定时任务的方法
2018/09/27 Python
详解Python中is和==的区别
2019/03/21 Python
Django Rest framework权限的详细用法
2019/07/25 Python
Linux下升级安装python3.8并配置pip及yum的教程
2020/01/02 Python
关于python tushare Tkinter构建的简单股票可视化查询系统(Beta v0.13)
2020/10/19 Python
魅力惠奢品线上平台:MEI.COM
2016/11/29 全球购物
青年文明号事迹材料
2014/01/18 职场文书
中秋节礼品促销方案
2014/02/02 职场文书
医德医魂心得体会
2014/09/11 职场文书
车贷收入证明范本
2014/09/14 职场文书
励志广播稿300字(5篇)
2014/09/15 职场文书
银行自荐信范文
2015/03/25 职场文书
C#连接ORACLE出现乱码问题的解决方法
2021/10/05 Oracle
python模拟浏览器 使用selenium进入好友QQ空间并留言
2022/04/12 Python