让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 相关文章推荐
javascript qq右下角滑出窗口 sheyMsg
Mar 21 Javascript
JavaScript中各种编码解码函数的区别和注意事项
Aug 19 Javascript
JavaScript高级程序设计阅读笔记(五) ECMAScript中的运算符(一)
Feb 27 Javascript
如何在父窗口中得知window.open()出的子窗口关闭事件
Oct 15 Javascript
AngularJS 过滤器的简单实例
Jul 27 Javascript
js 点击a标签 获取a的自定义属性方法
Nov 21 Javascript
jQuery-mobile事件监听与用法详解
Nov 23 Javascript
详解angular中如何监控dom渲染完毕
Jan 03 Javascript
javascript 面向对象function详解及实例代码
Feb 28 Javascript
easyui关于validatebox实现多重规则验证的方法(必看)
Apr 12 Javascript
了解JavaScript中let语句
May 30 Javascript
基于 vue-skeleton-webpack-plugin 的骨架屏实战
Aug 05 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生成压缩文件实例
2015/02/07 PHP
php使用curl出现Expect:100-continue解决方法
2015/03/03 PHP
php+html5实现无刷新图片上传教程
2016/01/22 PHP
Laravel5.0+框架邮件发送功能实现方法图文与实例详解
2019/04/23 PHP
使用Apache的rewrite
2021/03/09 Servers
Mozilla中显示textarea中选择的文字
2006/09/07 Javascript
封装html的select标签的js操作实例
2013/07/02 Javascript
使用js实现雪花飘落效果
2013/08/26 Javascript
JS远程获取网页源代码实例
2013/09/05 Javascript
动态创建script在IE中缓存js文件时导致编码的解决方法
2014/05/04 Javascript
JavaScript实现找出字符串中第一个不重复的字符
2014/09/03 Javascript
JavaScript onkeypress事件入门实例(按下或按住一个键盘按键)
2014/10/17 Javascript
Js与Jq获取浏览器和对象值的方法
2016/03/18 Javascript
如何利用JSHint减少JavaScript的错误
2016/08/23 Javascript
js模拟微博发布消息
2017/02/23 Javascript
javascript基本常用排序算法解析
2017/09/27 Javascript
浅谈react 同构之样式直出
2017/11/07 Javascript
JavaScript通过mouseover()实现图片变大效果的示例
2017/12/20 Javascript
vue二级菜单导航点击选中事件的方法
2018/09/12 Javascript
微信小程序实现商品属性联动选择
2019/02/15 Javascript
jQuery选择器之基本过滤选择器用法实例分析
2019/02/19 jQuery
Vue自定义组件的四种方式示例详解
2020/02/28 Javascript
[44:01]2018DOTA2亚洲邀请赛3月30日 小组赛B组 EG VS paiN
2018/03/31 DOTA
浅谈django model的get和filter方法的区别(必看篇)
2017/05/23 Python
Ubuntu下使用Python实现游戏制作中的切分图片功能
2018/03/30 Python
python生成1行四列全2矩阵的方法
2018/08/04 Python
Python中分支语句与循环语句实例详解
2018/09/13 Python
详解Python打包分发工具setuptools
2019/08/05 Python
python2和python3应该学哪个(python3.6与python3.7的选择)
2019/10/01 Python
Python CategoricalDtype自定义排序实现原理解析
2020/09/11 Python
Pandas之缺失数据的实现
2021/01/06 Python
html5拍照功能实现代码(htm5上传文件)
2013/12/11 HTML / CSS
英国婴儿及儿童产品商店:TigerParrot
2019/03/04 全球购物
汽车技术服务与营销专业推荐信
2013/11/29 职场文书
中介公司区域经理岗位职责范本
2014/03/02 职场文书
秋天的雨教学反思
2014/04/27 职场文书