首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >创建一个iframe和iframe的内容?

创建一个iframe和iframe的内容?
EN

Stack Overflow用户
提问于 2014-11-19 18:40:19
回答 1查看 61关注 0票数 0

我想创建一个iframe (使用jquery)并将它附加到我的页面中,但是我不想指定src属性,我只想自己用JavaScript/jQuery构建页面。之所以这样做,是因为我希望在不打开新窗口的情况下为页面上的单个图像创建打印提示符。

基本上,我试图实现这个打印特性:http://www.boutell.com/newfaq/creating/printpart.html,但实际上不必打开一个新窗口。我想用隐藏的iframe在一个页面上做这件事。

我想做这样的事:

代码语言:javascript
运行
复制
 function loadOtherPage() {
    $("<iframe><html><body><img src='image.png'/><script>window.print</script></body></html></iframe>")
      .hide()
      .appendTo("body");      
}

不幸的是,iframe似乎被创建了,但是它的头部和身体都是空的。由于浏览器的安全特性,它创建后我无法编辑它。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-11-19 18:49:53

创建如下的iframe:

代码语言:javascript
运行
复制
var iframe = $('<iframe></iframe>')

然后附加iframe

代码语言:javascript
运行
复制
$('body').append(iframe);

然后,您可以这样写信给它的内容:

代码语言:javascript
运行
复制
var iframe_styles = iframe[0].contentWindow.document.write('<style>body{ background-color: #fafafa; }</style>');

添加一些正文内容:

代码语言:javascript
运行
复制
 var iframe_content = iframe[0].contentWindow.document.write('<body>test</body>');
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/27024459

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档