让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 相关文章推荐
ajax的hide隐藏问题解决方法
Dec 11 Javascript
jquery+ajax实现直接提交表单实例分析
Jun 17 Javascript
jquery validate表单验证插件
Sep 06 Javascript
浅谈javascript:两种注释,声明变量,定义函数
Sep 29 Javascript
JS html时钟制作代码分享
Mar 03 Javascript
BootStrap selectpicker后台动态绑定数据的方法
Jul 28 Javascript
页面缩放兼容性处理方法(zoom,Firefox火狐浏览器)
Aug 29 Javascript
JS库particles.js创建超炫背景粒子插件(附源码下载)
Sep 13 Javascript
微信小程序支付之c#后台实现方法
Oct 19 Javascript
JS实现的找零张数最小问题示例
Nov 28 Javascript
vue把输入框的内容添加到页面的实例讲解
Nov 11 Javascript
js面向对象封装级联下拉菜单列表的实现步骤
Feb 08 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新手上路(八)
2006/10/09 PHP
php中iconv函数使用方法
2008/05/24 PHP
Linux中为php配置伪静态
2014/12/17 PHP
PHP中文竖排转换实现方法
2015/10/23 PHP
yii2.0实现创建简单widgets示例
2016/07/18 PHP
Thinkphp5+plupload实现的图片上传功能示例【支持实时预览】
2019/05/08 PHP
自己的js工具 Cookie 封装
2009/08/21 Javascript
javascript 设置某DIV区域内的checkbox复选框
2009/11/30 Javascript
jQuery中的read和JavaScript中的onload函数的区别
2014/08/27 Javascript
jQuery+ajax实现文章点赞功能的方法
2015/12/31 Javascript
AngularJS 在同一个界面启动多个ng-app应用模块详解
2016/12/20 Javascript
Angular.js之作用域scope'@','=','&amp;'实例详解
2017/02/28 Javascript
VUE2.0+ElementUI2.0表格el-table循环动态列渲染的写法详解
2018/11/30 Javascript
jQuery实现的鼠标拖动浮层功能示例【拖动div等任何标签】
2018/12/29 jQuery
Element-Ui组件 NavMenu 导航菜单的具体使用
2019/10/24 Javascript
jQuery Raty星级评分插件使用方法实例分析
2019/11/25 jQuery
[01:18]DOTA2超级联赛专访hanci ForLove淘汰感言曝光
2013/06/04 DOTA
[02:51]DOTA2英雄基础教程 艾欧
2014/01/13 DOTA
[08:07]DOTA2每周TOP10 精彩击杀集锦vol.8
2014/06/25 DOTA
[34:27]DOTA2上海特级锦标赛B组败者赛 VG VS Spirit第一局
2016/02/26 DOTA
Python 实现简单的电话本功能
2015/08/09 Python
详解python单例模式与metaclass
2016/01/15 Python
python中(str,list,tuple)基础知识汇总
2018/02/20 Python
Selenium定位元素操作示例
2018/08/10 Python
python requests post多层字典的方法
2018/12/27 Python
python简单实现最大似然估计&amp;scipy库的使用详解
2020/04/15 Python
基于SpringBoot构造器注入循环依赖及解决方式
2020/04/26 Python
详解python tkinter 图片插入问题
2020/09/03 Python
网络教育自我鉴定
2013/11/01 职场文书
会计专业自荐信范文
2013/12/02 职场文书
办公室秘书自我鉴定
2014/01/18 职场文书
个人政风行风自查自纠报告
2014/10/21 职场文书
交通安全月活动总结
2015/05/08 职场文书
毕业晚宴祝酒词
2015/08/11 职场文书
CSS3点击按钮圆形进度打钩效果的实现代码
2021/03/30 HTML / CSS
pytorch 使用半精度模型部署的操作
2021/05/24 Python