iframe中插入代码并执行

摘要:
最近,需要通过iframe插入代码。有许多方法,如下所示:1variframe=document。getElementById('reviewUrl');2i框架。src=“关于:空白”;3iframe.contentWindow.document.body.innerHTML+=“12312”4iframe.coontentWindow.document。close();试试看,比如

最近有需求通过iframe插入代码。有蛮多方法,如下:

1 var iframe = document.getElementById('previewUrl');
2 iframe.src = 'about:blank';
3 iframe.contentWindow.document.body.innerHTML+="12312"
4 iframe.contentWindow.document.close();

试了下,如下代码也可以:

iframe.contentWindow.document.getElementsByTagName('html')[0].innerHTML = finalHtml

不过通过innerHTML的方式插入的js代码不能执行,so,网上查了下,有如下办法可以让插入的js代码执行

1、解析finalHtml,通过documetnFragment一步一步插入到iframe,考虑到比较麻烦,没有仔细研究;

2、先通过window.frames["iframeName"]获取ifame,再通过document.write("")的方式插入代码,如下:

window.frames["previewUrl"].document.write(finalHtml);

当然大家有其他什么好办法也可以给我留言~~

免责声明:文章转载自《iframe中插入代码并执行》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇1、Dubbo源码解析--Dubbo如何驱动Spring IOC容器并配合工作的?07 | 自己动手,搭建HTTP实验环境下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

js/jquery如何获取获取父窗口的父窗口的元素

取父窗口的元素方法:$(selector, window.parent.document);那么你取父窗口的父窗口的元素就可以用:$(selector, window.parent.parent.document);类似的,取其它窗口的方法大同小异 1 $(selector, window.top.document); 2 $(selector, wind...

js监听键盘事件

用JS监听键盘按下事件(keydown event) 1、监听全局键盘按下事件,例如监听全局回车事件 1  $(document).keydown(function(event){ 2    if(event.keyCode == 13){ 3      alert('你按下了Enter'); 4    } 5  }); 2、监听某个组件键盘按下事件,例...

webpack3 + vue 添加 serviceWorker

新的vue脚手架已经可以自带pwa了,本文主要针对旧版的webpack。 先装三个插件: $npm i register-service-worker sw-precache-webpack-plugin webpack-pwa-manifest --save-dev 因为pwa主要用于生产,我们来动手改造 build/webpack.prod.conf....

JS冒泡事件与处理

JavaSciprt事件中有两个很重要的特性:事件冒泡以及目标元素。 事件冒泡: 当一个元素上的事件被触发的时候,比如说鼠标点击了一个按钮,同样的事件将会在那个元素的所有祖先元素中被触发。这 一过程被称为事件冒泡;这个事件从原始元素开始一直冒泡到DOM树的最上层。 目标元素: 任何一个事件的目标元素都是最开始的那个元素,在我们的这个例子中也就是按钮,并且它...

JavaScript跨域问题的解决方案

  JS跨域问题在系统与系统的交互过程中会经常出现,比如一个系统的某个页面引用了另外一个系统中页面的内容,并通过引用页面的功能来刷新父页面或者另外的一个页面。这些交互就会出现跨域问题了。   下面我画了一个简单的图来说明: 图文描述: page1的来源是一个A系统,page2是和iframe.aspx是同一个系统B; iframe.aspx中包含...

JS基础知识1

基础点: es5 原型链、 2. 继承、 3. this指向、 4. new操作符、 5. 隐式转换、 6. 事件循环机制macro micro、 7. 基础类型、 8. 数据去重/交集/并集、 9. 判断是否为数组、 10. 变量声明提升、 11. 函数作用域、 12. 节流/防抖、 13.  apply/call、 14.  jsonp跨域、 15....