iframe中如何插入html

最新推荐文章于 2023-05-24 10:42:14 发布
最新推荐文章于 2023-05-24 10:42:14 发布
阅读量1.8k 收藏
点赞数
分类专栏： javaSrcipt常用函数 文章标签： html iframe function button input null
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yuan8080/article/details/5606061
版权

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
<HTML>  
<head>  
<mce:script type="text/javascript"><!--  
var ed = null;  
window.onload = function() {  
    var o = document.getElementById("ss");   
    ed = document.all?o.contentWindow.document:o.contentDocument;  
    ed.open();  
    ed.write('<html><head><mce:style><!--  
html,body{margin:5px;font:14px;word-wrap:break-word}  
--></mce:style><style mce_bogus="1">html,body{margin:5px;font:14px;word-wrap:break-word}</style></head><body id="my_body"></body></html>');  
    ed.close();  
    ed.contentEditable = true;  
    ed.designMode = 'on';  
};  
 
function ss(){  
if(document.all)  
{  
    document.getElementById("ss").contentWindow.focus();  
    var rang = ed.selection.createRange()  
    rang.pasteHTML(rang.text+"<hr>");  
}  
else 
{  
    ed.execCommand("insertHTML",false,"<hr>");}  
}  
// --></mce:script>  
</head>  
<BODY>  
<input value="aaa" type="button" onClick="ss()">  
<IFRAME id="ss" height="200" src="about:blank" mce_src="about:blank" width="200" ></IFRAME>  
</BODY></HTML> 

Ade子夜
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
iframe 动态写入html,javascript - 动态创建给定HTML的iframe
weixin_40007175的博客
06-03 2601
javascript - 动态创建给定HTML的iframe我尝试从JavaScript创建iframe并使用任意HTML填充它，如下所示：var html = 'Foo';var iframe = document.createElement('iframe');iframe.src = 'data:text/html;charset=utf-8,' + encodeURI(html);我希望...
在iframe中写html代码,HTML中IFRAME标签的使用
weixin_35225144的博客
06-03 2139
一、Iframe标记的使用Iframe标记，又叫浮动帧标记，你可以用它将一个HTML文档嵌入在一个HTML中显示。它不同于Frame标记最大的特征即这个标记所引用的HTML文件不是与另外的HTML文件相互独立显示，而是可以直接嵌入在一个HTML文件中，与这个HTML文件内容相互融合，成为一个整体，另外，还可以多次在一个页面内显示同一内容，而不必重复写内容，一个形象的比喻即“画中画“电视。现在我们谈...
div嵌套html不用iframe
12-13
最近在做作业中需要在不用iframe的情况下嵌套页面，所以只好在div中嵌套，用的是jquery方法。 复制代码代码如下: [removed] $(document).ready(function() { $(“#button”).click(function() { $(“#content”).load(“index.jsp”); }); }); [removed] 只要代码就是这么多，其中#button就是一个button的id，content就是你要插入html的div 而且不能直接用$("#button").click(function
详解HTML内联标签iframe的使用
2301_76965813的博客
03-22 1132
iframe是HTML标签，它可以把一个网页的框架和内容，嵌入在现有的网页中，也就是说，我们可以在自己的网页中加载别人的网站，当然，iframe标签的一些属性也是我们在使用iframe时所需要了解的，帮助我们更好的使用它。scrolling:是否出现滚动条，属性值有yes，no，auto。yes是显示滚动条，而no表示不显示滚动条。framedorder:是否显示边框，属性值有yes和no,yes表示显示边框，no表示不显示。hight：定义iframe高度，,可以用px来调整，也可以用百分比%
iframe在html中怎么写,html中如何使用iframe标签链接网址呢？
weixin_39927288的博客
05-31 336
摘要:下文讲述html中使用iframe嵌入外部网站的方法分享，如下所示:在网站的开发中，我们常需要在自身的网页中嵌入其它网址，那么该如何使用html代码嵌入其它网址呢？实现思路:1.建立一个div元素container,用于iframe显示的定位1.建立一个div元素position,用于iframe中的子内容显示的定位2.将iframe标签设置合理的width和height3.设置positi...
＜iframe＞标签里可以直接写html代码吗？
zql2256344189的博客
11-17 632
标签里可以直接写html代码吗？
iframe标签中写html代码,Iframe嵌套HTML网页的用法?
weixin_34382015的博客
05-30 1780
iframe嵌入网页的用法iframe并不是很常用的，在标准的网页中非常少用。但是有朋友经常问到，下面我简单地介绍一下它的用法，你只要熟练掌握这些参数足矣。也应该是框架的一种形式，它与不同的是，iframe可以嵌在网页中的任意部分。我们举第一个例子，具体代码如：，这里的URL可以是相对路径，也可以是绝对路径，效果如：如何将一个html页面中嵌入另一个html页面将一个html页面中嵌入另...
vue 3.0使用 iframe 标签引入本地HTML页面，并实现数据交互
最新发布
hac_kill_you的博客
05-24 7775
最近在做vue的项目时候，需要引入本地html页面，中间遇到了很多问题，费时又费力，因此记录下来，以备不时之需，也给大家提供点资料。
将html写入iframe,JavaScript将HTML写入iFrame - IE不加载外部脚本或搞乱编码
weixin_35706255的博客
06-04 757
我想使用JavaScript将完整的HTML文档写入iframe。下面的解决方案很好地工作在大多数情况下：JavaScript将HTML写入iFrame - IE不加载外部脚本或搞乱编码var iFrameDoc = iFrame.contentDocument || iFrame.contentWindow.document;iFrameDoc.open();iFrameDoc.write(ht...
在iframe中写html,如何在iframe中使用源代码html时显示完整的html页面？
weixin_35589806的博客
05-31 1136
我想在我的html页面上显示另一个html页面，即生成html页面。所以我没有它的src，只有内容。它有文档，头部，身体，所有东西。所以我决定使用iframe。问题是，我不能将整个文本分配给一个变量，因为我得到的错误，有一个不受支持的字符，如“我试图做这样的事情：window.onload = function() {var iframeDocument = document.getElement...
在可编辑div中插入文字或图片解决思路与实现步骤
12-13
基本上编辑器或者在线聊天web页面，是不太可能用textarea在做输入框的，因为我们可能要插入图片或者超级链接，因此选择在iframe或者div作为输入框是必须的。 我这里用的是 div. 要使div可编辑 必须 加入 ...
使用iframe实现提交表单不刷新页面
12-01
具体的原理是：当表单在提交数据的时候，不将提交目标设置为当前的页面，而是当前页面中的一个嵌入框架。首先你应该在body下面插入一个嵌入框架： 复制代码代码如下:<iframe style=”width:0; height:0; margin-...
JS实现iframe编辑器光标位置插入内容的方法(兼容IE和Firefox)
11-22
本文实例讲述了JS实现iframe编辑器光标位置插入内容的方法。分享给大家供大家参考，具体如下： <html> <iframe id="x" name="x"></iframe> <input type="button" onclick="t()" value="test"&...
iframe中使用jquery进行查找的方法【案例分析】
11-21
知道页面时使用iframe框架插入的html，页面有些初始化的功能是在这里完成的，因此在这里添加这个checkbox组件，然后根据最后的window去寻找自己想要处理的window对象——window.parent.document
通过iframe实现纯html使用elementUI布局的路由嵌套
qq_41300934的博客
04-18 1148
标签中，而且这种方式也更加灵活，适用于 HTML 项目。标签来实现路由嵌套的效果，将每个页面内容放在同一个。标签来实现类似于路由嵌套的方式。对于HTML项目，可以通过使用。通过以上方法，你可以使用。
在iframe中写html,使用jQuery在iframe中获取HTML
weixin_42501119的博客
05-31 882
使用jQuery在iframe中获取HTML这是我的情况。我有一个名为iframe.html的文件，其中包含图像幻灯片的代码。该代码有点像用户可以使用嵌入代码将幻灯片添加到他们的博客或网站(可以来自不同的域)。 假设用户必须在iframe.html中嵌入幻灯片，他们可以通过添加以下行来添加：这会将完整的HTML代码从iframe.html带到index.html，现在我需要一种方法来访问ifram...
Vue使用iframe嵌入外部HTML文件
qq_39921953的博客
01-28 2151
Vue使用iframe嵌入外部HTML文件
iframe标签中写html,iframe中如何插入html
weixin_34395361的博客
05-30 1649
html,body{margin:5px;font:14px;word-wrap:break-word}'); ed.close(); ed.contentEditable = true; ed.designMode = 'on'; }; function ss(){ if(document.all) { document.get...
iframe嵌套html_如何成为一名前端开发之HTML入门
weixin_39784263的博客
12-01 165
文末有福利前端开发，入门简单，有一台可以运行多款浏览器的电脑，能联网查询资料即可。深入的部分，需要更多的理论知识、肯钻研的精神。 前端开发，需要入门了解的屈指可数，主要就是如下几个大方面：背景知识软件安装文本编辑器vscode(推荐使用，功能强大)Sublime TextNodePad++浏览器Firefox,Chrome , Opera, Safari, Internet Explorer an...
在html中插入一个html iframe
05-19
可以使用以下代码在 HTML 中插入一个 iframe： ```html <iframe src="https://www.example.com"></iframe> ``` 其中 `src` 属性指定了要嵌入的网页的地址。你可以将其替换为你想要嵌入的网页的 URL。你还可以使用其他属性来控制 iframe 的大小、边框等样式。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值