让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 异步页面查询实现代码(asp.net)
May 26 Javascript
jquery下jstree简单应用 - v1.0
Apr 14 Javascript
jquery创建并行对象或者合并对象的实现代码
Oct 10 Javascript
js设置组合快捷键/tabindex功能的方法
Nov 21 Javascript
js实现网页右上角滑出会自动消失大幅广告的方法
Feb 27 Javascript
使用javascript将时间转换成今天,昨天,前天等格式
Jun 25 Javascript
javascript数组常用方法汇总
Sep 10 Javascript
Seajs是什么及sea.js 由来,特点以及优势
Oct 13 Javascript
jquery仿微信聊天界面
May 06 jQuery
Vue实现一个返回顶部backToTop组件
Jul 25 Javascript
JavaScript实现换肤功能
Sep 15 Javascript
解决vue处理axios post请求传参的问题
Mar 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开发负载均衡指南
2010/07/17 PHP
php单一接口的实现方法
2015/06/20 PHP
Laravel 6 将新增为指定队列任务设置中间件的功能
2019/08/06 PHP
laravel 修改.htaccess文件 重定向public的解决方法
2019/10/12 PHP
在b/s开发中经常用到的javaScript技术
2006/08/23 Javascript
List Installed Hot Fixes
2007/06/12 Javascript
javascript 定义新对象方法
2010/02/20 Javascript
JavaScript数字和字符串转换示例
2014/03/26 Javascript
jquery文档操作wrap()方法实例简述
2015/01/10 Javascript
JavaScript更改字符串的大小写
2015/05/07 Javascript
jquery实现的代替传统checkbox样式插件
2015/06/19 Javascript
JavaScript检测上传文件大小的方法
2015/07/22 Javascript
如何利用Promises编写更优雅的JavaScript代码
2016/05/17 Javascript
JavaScript实现审核流程状态的动态显示进度条
2017/03/15 Javascript
深入理解AngularJs-scope的脏检查(一)
2017/06/19 Javascript
Vue组件之Tooltip的示例代码
2017/10/18 Javascript
ligerUI---ListBox(列表框可移动的实例)
2017/11/28 Javascript
p5.js入门教程之键盘交互
2018/03/19 Javascript
微信小程序网络封装(简单高效)
2018/08/06 Javascript
angular4自定义表单控件[(ngModel)]的实现
2018/11/23 Javascript
vue中typescript装饰器的使用方法超实用教程
2019/06/17 Javascript
[16:56]教你分分钟做大人:司夜刺客
2014/10/30 DOTA
Python编码类型转换方法详解
2016/07/01 Python
Android分包MultiDex策略详解
2017/10/30 Python
python输入整条数据分割存入数组的方法
2018/11/13 Python
python scrapy爬虫代码及填坑
2019/08/12 Python
解决pyCharm中 module 调用失败的问题
2020/02/12 Python
构建高效的python requests长连接池详解
2020/05/02 Python
Python用来做Web开发的优势有哪些
2020/08/05 Python
TensorFlow2.0使用keras训练模型的实现
2021/02/20 Python
俄罗斯优惠券网站:BIGLION
2017/05/21 全球购物
Java平台和其他软件平台有什么不同
2015/06/05 面试题
春节联欢会策划方案
2014/05/16 职场文书
springboot临时文件存储目录配置方式
2021/07/01 Java/Android
python实现对doc、txt、xls等文档的读写操作
2022/04/02 Python
JavaScript parseInt0.0000005打印5原理解析
2022/07/23 Javascript