让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 相关文章推荐
js实现页面打印功能实例代码(附去页眉页脚功能代码)
Dec 15 Javascript
jquery showModelDialog的使用方法示例详解
Nov 19 Javascript
JS调用页面表格导出excel示例代码
Mar 18 Javascript
JavaScript eval() 函数介绍及应用示例
Jul 29 Javascript
JS实现左右拖动改变内容显示区域大小的方法
Oct 13 Javascript
JavaScript必知必会(二) null 和undefined
Jun 08 Javascript
后端接收不到AngularJs中$http.post发送的数据原因分析及解决办法
Jul 05 Javascript
使用Node.js实现简易MVC框架的方法
Aug 07 Javascript
原生javascript实现的全屏滚动功能示例
Sep 19 Javascript
JavaScript实现简单贪吃蛇效果
Mar 09 Javascript
TypeScript的安装、使用、自动编译的实现
Apr 10 Javascript
JavaScript嵌入百度地图API的最详细方法
Apr 16 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集成FCK的函数代码
2008/09/27 PHP
精通php的十大要点(上)
2009/02/04 PHP
解决PHP里大量数据循环时内存耗尽的方法
2015/10/10 PHP
双冒号 ::在PHP中的使用情况
2015/11/05 PHP
jQuery让控件左右移动的三种实现方法
2013/09/08 Javascript
整理的比较全的event对像在ie与firefox浏览器中的区别
2013/11/25 Javascript
input链接页面、打开新网页等等的具体实现
2013/12/30 Javascript
Javascript中常见的校验如域名、手机、邮箱等等
2014/01/02 Javascript
js opener的使用详解
2014/01/11 Javascript
动态载入js提高网页打开速度的方法
2014/07/04 Javascript
js实现表单多按钮提交action的处理方法
2015/10/24 Javascript
拥Bootstrap入怀——导航栏篇
2016/05/30 Javascript
Angular.JS内置服务$http对数据库的增删改使用教程
2017/05/07 Javascript
JS中移除非数字最多保留一位小数
2018/05/09 Javascript
浅析java线程中断的办法
2018/07/29 Javascript
vue-cli webpack 引入swiper的操作方法
2018/09/15 Javascript
新手如何快速理解js异步编程
2019/06/24 Javascript
[32:17]完美世界DOTA2联赛循环赛LBZS vs Forest第二场 10月30日
2020/10/31 DOTA
Python兔子毒药问题实例分析
2015/03/05 Python
Python函数式编程
2017/07/20 Python
Python实现登录接口的示例代码
2017/07/21 Python
Python 3.7新功能之dataclass装饰器详解
2018/04/21 Python
python获取程序执行文件路径的方法(推荐)
2018/04/26 Python
python中从str中提取元素到list以及将list转换为str的方法
2018/06/26 Python
python 实现分页显示从es中获取的数据方法
2018/12/26 Python
python文件读写代码实例
2019/10/21 Python
pytorch ImageFolder的覆写实例
2020/02/20 Python
python3安装OCR识别库tesserocr过程图解
2020/04/02 Python
基于python 取余问题(%)详解
2020/06/03 Python
打印机墨盒:123Inkjets
2017/02/16 全球购物
美国著名的户外用品品牌:L.L.Bean
2018/01/05 全球购物
西雅图的买手店:Totokaelo
2019/10/19 全球购物
亚洲在线旅行门户网站:Expedia.com.hk(智游网)
2020/04/14 全球购物
毕业生实习鉴定
2013/12/11 职场文书
学雷锋献爱心活动总结
2015/05/11 职场文书
Python基本知识点总结
2022/04/07 Python