向iframe中添加内容

最新推荐文章于 2022-06-27 21:36:20 发布
最新推荐文章于 2022-06-27 21:36:20 发布
阅读量1.6k 收藏
点赞数
分类专栏： javaweb 文章标签： iframe
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_12969/article/details/82579420
版权 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>

<mce:script language="javascript" type="text/javascript"><!--
function insert(){ 
   var theDoc = document.getElementById('fr1').contentWindow;
   //theDoc.style.display = "block"; 
   //theDoc.document.open(); //会自动打开
   
   //theDoc.document.designMode = "on"; //会自动打开
   theDoc.document.write('<html><head>'); 
   //theDoc.document.write('<meta http-equiv="Content-Type" content="text/html; charset=utf-8">'); 
theDoc.document.write('</head><body width="100%" contentEditable=true style="padding:0;margin:0; overflow:hidden;" mce_style="padding:0;margin:0; overflow:hidden;">'); 
   theDoc.document.write("lfasjdfkjalsejioruw fskdjfla;sjdkjfsahgasjdla;kjeioujrfhfaksdjfjal;skdjfhgsadlkfjla"); 
   theDoc.document.write('</body></html>'); 
   theDoc.document.body.contentEditable="false"; //要显示关闭可以编辑状态，不然内容是可以编辑的
   //theDoc.document.designMode = "off"; //没用
   //theDoc.document.close();	   
} 
// --></mce:script>
</head>

<body>
<input type="button" value="insert" οnclick="insert();" />
<iframe id="fr1" width="200" height="200" ></iframe>
</body>
</html>

 原文地址:http://blog.csdn.net/ikmb/article/details/5973383

iteye_12969
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
动态创建iframe,并动态添加js执行代码
01-22
动态创建iframe,并动态添加js代码动态创建iframe,并动态添加js代码
vue中将元素加入body中
shidouyu的专栏
07-07 6293
// 将弹框加入Body中 addRemoveDateWinToBody(type) { this.$nextTick(() => { const body = document.querySelector('body') if (type) { // 显示 let zDateWin = this.$refs.zDateWin let pTabName = zDateWin.paren...
vue 根页面上操作 iframe 的方式（伪造多页面）：
m0_61452987的博客
06-27 1925
在vue单页面程序中做类似于h5的多页面程序，使得切换页签时不会重新渲染组件而是直接切换
给iframe中添加内容
路还很长
12-25 1066
    在项目中使用fckeditor，一开始定义了自己的模板，让用户自行选择导入，后来用户要求，把一些基础内容都先预先填好，后来查阅了相关资料，没有解决了。     那现在再想一下用户的需求，用户最终希望能够使用样式定好的模板，填写相关信息，然后进行报告的预览和打印。     那么我们就可以把填写的内容和显示的功能分开来操作，填写内容用我们一般的表单，显示我们就用另一个页面直接承载定制好的样...
iframe 插入内容 （转）
weixin_30768661的博客
01-03 215
var content //内容var doc = document.getElementById("preview").contentDocument || document.frames["preview"].document;doc.body.innerHTML = content; 转载于:https://www.cnblogs.com/hellozg/p/8182878.html...
HTML <iframe> 标签
ssisse的博客
05-18 400
定义和用法 iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。 提示和注释 提示：您可以把需要的文本放置在 和 之间，这样就可以应对无法理解 iframe 的浏览器。 属性 new : HTML5 中的新属性。 属性 值 描述 标签的 align 属性" style="margin:0p
怎么在一个页面给iframe中的html追加内容_Edge浏览器中的Universal XSS
weixin_39714565的博客
12-03 532
在各类XSS漏洞中，uXSS可以说是一种非常特殊的类别，它和浏览器或浏览器的插件有关，和具体网站无关。这就像你在所有的网站上都有一个非常有趣的XSS（某个浏览器下）。在这篇文章中我将讲述在Edge浏览器中发现的这个uXSS。通常来说，uXSS与iframe元素或者URL有关，我从没想过我会通过print()函数找到一个uXSS。打印预览先让我们讨论一下当Edge浏览器显示打印预览窗口时发生的事情。...
iframe用法
10-12 651
是框架的一种形式，也比较常用到。 　　例子1。 <iframe widt
使用IFrame编辑文本
lincnl的专栏
02-28 2697
使用IFrame框架做成文本编辑器。需要两个页面：default.html和editInfo.aspx页面，其中default.aspx作为主控页面，editInfo.html作为编辑页面。default.aspx页面中要包括一个iframe框架，以包含编辑页面。下面给出两个页面的代码：default.aspx -------------http://www.w3.org/
jquery给iframe添加内容
mark's technic world
10-28 6123
1给iframe里的head添加内容： $($(".bugu-edit-iframe")[0].contentWindow.document.head).html(""); 先得到iframe：如$(".bugu-edit-iframe")[0] 再得到head：如contentWindow.document.head 2给iframe里的body添加内容： $($(".bugu-edi
HTML在div外加iframe,如何在iframe中追加div元素
weixin_35196909的博客
06-28 2129
我有一个网站，我在其上为某种目的叠加了一个div元素。现在，而不是覆盖，我想推动网页，并在iframe中的所有div。如何在iframe中追加div元素我已经创建了iframe，但无法在iframe中追加div。编辑：var iframepush = document.createElement('iframe');iframepush.frameBorder=0;iframepush.scrol...
Iframe用法精析
HJ850126的专栏
06-30 1223
<br /><iframe frameborder=0 width=170 height=100 marginheight=0 marginwidth=0 scrolling=no src="move-ad.htm"></iframe> <br /><IFRAME>用于设置文本或图形的浮动图文框或容器。 <br />BORDER <br /><IFRAME BORDER="3"></IFRAME> <br />设定围绕图文框的边缘宽度 <br />FRAMEBODER <br /><IFRAME FRAME
Iframe的用法
清音无限的专栏
10-21 1071
纵观时下网站，本来网速就有些慢，可是几乎每页都要放什么Banner，栏目图片，版权等一大堆雷同的东西，当然，出于网站风格统一、 广告效应的需要，本无可厚非，可毕竟让用户的钱包为这些点缀的东西”日益消得钱憔悴”了，有没有办法，让这些雷同的东西一次 下载后就不用再下载，而只下载那些内容有变化区域的网页内容呢？ 　　答案很肯定：应用Iframe标记！ 　　一、Iframe标记的使用 　　提
html中frame添加文字,软件技术-WebVR-AFrame文字的实现
weixin_34826139的博客
06-17 952
Three.jsThree.js是一款用于网页3D效果的框架，它可以在网页内实现非常炫酷的效果。官方网站点此进入Three.js官网包含了很多效果惊人的3D网站。Aframe.jsAframe.js是一款开源的网页3DVR技术解决方案，开源用html标记的方法快速搭建具有3DVR功能的网站页面。快速上手Aframe.js首先，需要引入script脚本(或者从文末下载到本地使用)：然后需要在body...
怎么在一个页面给iframe中的html追加内容_HTML总结
weixin_39842918的博客
12-01 613
1 页面导入样式时，使用link和@import有什么区别？（1）link属于XHTML标签，除了加载CSS外，还能用于定义RSS, 定义rel连接属性等作用；而@import是CSS提供的，只能用于加载CSS; （2）页面被加载的时，link会同时被加载，而@import引用的CSS会等到页面被加载完再加载; （3）import是CSS2.1 提出的，只在IE5以上才能被识别，而link是XHT...
向iframe中添加内容注意
ikmb的专栏
10-29 7119
<br />向iframe中添加内容后，iframe的可以编辑状态自动设置为True，插入内容后，如果不想启用编辑状态，要显示关闭<br /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta htt
jQuery修改iframe内容
Rip32ss的博客
01-08 5576
原jsp页面内容如下 博主想要将后台传来的HTML文本直接更新到myFrame里 结果想当然的$("#myFrame").html(data)了 看接口调通了也没测页面就直接提给测试了哈哈哈 哎后果可想而知= = 下面是正确的代码 $('#myFrame').contents().find('body').html(data);
给iframe中的元素添加事件
最新发布
06-02
可以使用 JavaScript 在 iframe 中为元素添加事件。 首先，需要获取到 iframe 的 DOM 对象，可以通过以下方式获取： ```javascript var iframe = document.getElementById('myIframe'); var iframeDocument = iframe.contentDocument || iframe.contentWindow.document; ``` 然后，在获取到 iframe 的 DOM 对象后，就可以为元素添加事件了。例如： ```javascript var btn = iframeDocument.createElement('button'); btn.innerHTML = '点击我'; btn.addEventListener('click', function() { alert('点击了按钮'); }); iframeDocument.body.appendChild(btn); ``` 这段代码会在 iframe 中添加一个按钮，并为其添加点击事件，点击按钮时会弹出一个提示框。 注意，在 iframe 中添加事件时，需要使用 `addEventListener` 方法，而不是直接给元素设置 `onclick` 属性。因为直接设置 `onclick` 属性的方式可能会出现覆盖问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值