让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 相关文章推荐
Jquery中dialog属性小记
Sep 03 Javascript
jQuery仿天猫实现超炫的加入购物车
May 04 Javascript
浅析jQuery移动开发中内联按钮和分组按钮的编写
Dec 04 Javascript
全面了解构造函数继承关键apply call
Jul 26 Javascript
js中 计算两个日期间的工作日的简单实例
Aug 08 Javascript
基于Vue2的移动端开发环境搭建详解
Nov 03 Javascript
简单谈谈axios中的get,post方法
Jun 25 Javascript
Angular2学习笔记之数据绑定的示例代码
Jan 03 Javascript
小程序实现授权登陆的解决方案
Dec 02 Javascript
详解Vue中使用插槽(slot)、聚类插槽
Apr 12 Javascript
微信小程序仿今日头条导航栏滚动解析
Aug 20 Javascript
Javascript的promise,async和await的区别详解
Mar 24 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下实现农历日历的代码
2007/03/07 PHP
php采集速度探究总结(原创)
2008/04/18 PHP
实例分析10个PHP常见安全问题
2019/07/09 PHP
jquery validate使用攻略 第四步
2010/07/01 Javascript
js中parseFloat(参数1,参数2)定义和用法及注意事项
2013/01/27 Javascript
php 中序列化和json使用介绍
2013/07/08 Javascript
jQuery实现仿美橙互联两级导航菜单效果完整实例
2015/09/17 Javascript
使用struts2+Ajax+jquery验证用户名是否已被注册
2016/03/22 Javascript
jquery中validate与form插件提交的方式小结
2016/03/26 Javascript
基于JavaScript实现幸运抽奖页面
2020/07/05 Javascript
js实现简单模态框实例
2018/11/16 Javascript
微信小程序使用map组件实现检索(定位位置)周边的POI功能示例
2019/01/23 Javascript
手把手带你封装一个vue component第三方库
2019/02/14 Javascript
详解element-ui设置下拉选择切换必填和非必填
2019/06/17 Javascript
微信小程序自定义组件实现环形进度条
2020/11/17 Javascript
layui表单提交到后台自动封装到实体类的方法
2019/09/12 Javascript
es6中class类静态方法,静态属性,实例属性,实例方法的理解与应用分析
2020/02/15 Javascript
es6函数中的作用域实例分析
2020/04/18 Javascript
[00:33]2016完美“圣”典风云人物:BurNIng宣传片
2016/12/10 DOTA
python实现博客文章爬虫示例
2014/02/26 Python
python fabric实现远程部署
2017/01/05 Python
Python外星人入侵游戏编程完整版
2020/03/30 Python
python实现简单遗传算法
2018/03/19 Python
Django框架会话技术实例分析【Cookie与Session】
2019/05/24 Python
Python内建序列通用操作6种实现方法
2020/03/26 Python
pandas使用之宽表变窄表的实现
2020/04/12 Python
CSS3 完美实现圆角效果
2009/07/13 HTML / CSS
html5中 media(播放器)的api使用指南
2014/12/26 HTML / CSS
英国美术用品购物网站:Cass Art
2019/10/08 全球购物
文明美德伴我成长演讲稿
2014/05/12 职场文书
反腐倡廉标语
2014/06/24 职场文书
医院病假条怎么写
2015/08/17 职场文书
MySQL复制问题的三个参数分析
2021/04/07 MySQL
详解Vue slot插槽
2021/11/20 Vue.js
Golang 对es的操作实例
2022/04/20 Golang
nginx sticky实现基于cookie负载均衡示例详解
2022/12/24 Servers