打印iframe不包含CSS
是指在打印网页中的iframe元素时，打印结果不会包含iframe中的CSS样式。
在网页开发中，使用iframe元素可以将另一个网页嵌入到当前网页中。然而，当我们尝试打印包含iframe的网页时，通常会遇到一个问题，即打印结果中的iframe内容不会包含CSS样式，导致打印结果与实际网页显示的样式不一致。
这个问题的原因是，浏览器在打印网页时，默认情况下会忽略iframe中的CSS样式。这是为了避免打印结果过于复杂和混乱。因此，如果我们希望打印结果中包含iframe的CSS样式，需要进行一些额外的处理。
解决这个问题的方法之一是使用JavaScript。我们可以通过JavaScript获取到iframe中的CSS样式，并将其应用到打印结果中的iframe内容上。具体步骤如下：
- 获取iframe元素：使用JavaScript的
document.getElementById()等方法获取到需要打印的iframe元素。 - 创建新的打印窗口：使用
window.open()方法创建一个新的浏览器窗口，用于显示打印结果。 - 将iframe内容复制到打印窗口：使用JavaScript的
contentWindow.document.body.innerHTML等属性和方法获取到iframe中的内容，并将其复制到打印窗口中。 - 获取iframe中的CSS样式：使用JavaScript的
contentWindow.getComputedStyle()方法获取到iframe中的CSS样式。 - 将CSS样式应用到打印窗口中的iframe内容：使用JavaScript的
contentWindow.document.body.style等属性和方法将获取到的CSS样式应用到打印窗口中的iframe内容上。 - 打印打印窗口：使用JavaScript的
print()方法打印打印窗口中的内容。
需要注意的是，以上方法只是一种解决方案，具体实现可能会因浏览器的不同而有所差异。此外，还可以考虑使用第三方的打印库或插件来解决这个问题。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 腾讯云云数据库MySQL版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云内容分发网络（CDN）：https://cloud.tencent.com/product/cdn
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
- 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mobile
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云虚拟专用网络（VPC）：https://cloud.tencent.com/product/vpc
- 腾讯云云安全中心：https://cloud.tencent.com/product/ssc
- 腾讯云音视频处理（VOD）：https://cloud.tencent.com/product/vod
- 腾讯云元宇宙：https://cloud.tencent.com/product/mu
相关·内容
我使用在这里找到的代码：来检测用户是否想打印页面。到目前为止，它按预期工作。
在"afterPrint"-function中，我调用了一个函数，该函数创建并附加一个iframe，其中包含另一个页面，该页面具有不同的、更易于打印的布局，需要打印的内容：
function printIframe (printsrc) {
var iframe = $('iframe#print');
if (iframe.length == 0)
iframe = $('<iframe id="p
浏览 7提问于2015-03-09得票数 3
回答已采纳
当我使用js打印div时，我尝试使用iframe和带有分页的div包含网格来打印div数据，在.xps文件中只打印了几条记录。为什么会这样..。
这是iframe：
<iframe id='ifrmPr' src='#'style="width:100%;height:100%;display:block;border:none;ackground:transparent">
</iframe>
下面是要打印div的js代码
var ifrm = document.getElementById('ifrmP
浏览 0提问于2012-03-13得票数 1
1回答
我有一个包含<button onclick="print()">print</button>的iframe var print = function(){
parent.window.focus();
window.print();
} 当我单击<button>时，打印开始，但CSS不包括在打印中。如何强制浏览器将CSS包含到打印中？
浏览 14提问于2019-03-19得票数 0
5回答
在IE中打印iframe
、、、
我有一个按钮，可以将要打印的报表加载到div中的“不可见”iframe中，并打印该iframe；用户按下一个按钮即可打印报表(包含在不同的页面上)，而不会更改页面，也不会对打印对话框造成任何视觉干扰。它可以在Chrome和Firefox中运行，但不能在IE中运行。在IE中，父页面是完整打印的，并且在页面底部插入一个很小的乱七八糟的iframe (我正在加载iframe)。
这是没有内容的空div，它在那里，所以我有一个ID标记的地方，可以用Javascript设置样式和粘贴内容：
<div id="printerDiv"></div>
这是javascr
浏览 0提问于2011-10-07得票数 8
回答已采纳
2回答
我正在做一个新版本的项目，我在打印CSS样式上遇到了一些问题。 下面是老项目： https://www.traffwebdemo.co.uk/parking/main.html 打印步骤： 点击扳手按钮->打印机按钮->选择模板，一个模式将打开，然后你可以在两个方向上打印，它是通过iframe和2个css的混合完成的，一个在主项目中，一个在iframe本身中。 css打印隐藏所有内容，打印时只显示模式内容，所以如果您尝试直接在主页上打印，您将只有一个白色页面。 由于地图的限制，我不再使用iframe了，我仍然在调用html模板，但然后我在模式中克隆了它的主体，并再次摆脱了ifra
浏览 35提问于2019-02-22得票数 0
回答已采纳
1回答
我想用当前的css在html页面中打印一些已标识的div。
当我尝试通过"ctrl+p“打印页面时，会包含css。但是，如果我通过按钮执行此操作，则打印屏幕不会包含css。
有什么建议吗？谢谢。。
我的代码样本；
<head>
<link rel="stylesheet" href="bootstrap.css" type="text/css" media="screen">
<link rel="stylesheet" href="bo
浏览 0提问于2016-03-18得票数 0
3回答
我想知道是否可以打印包含跨多个页面的IFRAME的HTML页面。由于某些原因，浏览器总是在第一个页面之后截断IFRAME。下面是一个极简主义的例子，它演示了上面概述的问题。首先，下面是一个简单的HTML页面，其中包含一个应该针对打印进行优化的IFRAME：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>TEST</title>
<style>
html, body {
浏览 0提问于2013-06-25得票数 4
我想要做的基本上是一个div元素，包含维基百科文章的方便打印版本。我使用iframe嵌入文章，虽然我不能对文档进行样式化，但它仍然有效。我想这是因为iframe内容不在我的域中，而且我没有编辑权限。在加载iframe之后，是否有方法将css样式应用于内容？
浏览 2提问于2014-10-26得票数 3
回答已采纳
我在一个域上有一个应用程序，它显示来自不同域的另一个应用程序的内容。iframe会动态调整大小，类似于中描述的方法，以防止iframe中有任何滚动条。我遇到的问题是，当打印页面时，如果iframe大于打印机的纸张大小，则不会打印iframe中的内容。我希望iframe打印在多个页面上，而不是被截断。我在print css中将page-break-inside css属性设置为auto，但这似乎没有任何作用。一个iframe在打印时可以跨多页吗？
浏览 1提问于2010-03-23得票数 1
回答已采纳
我有以下代码：
var iframe = document.createElement('iframe');
iframe.setAttribute("width", width);
iframe.setAttribute("height", height);
document.body.appendChild(iframe);
var idocument = iframe.contentWindow.document;
iframe.contentWindow.document.open();
iframe.contentWindow.do
浏览 4提问于2016-03-04得票数 0
回答已采纳
我有一个包含在iframe中的导航菜单，它本身是从外部文件中提取的：
<iframe src="iframe.htm"></iframe>
iframe.htm含量
<!DOCTYPE HTML>
<html>
<head>
<title>iframe</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
浏览 2提问于2016-01-08得票数 1
回答已采纳
我使用来自答案的代码直接从打印按钮打印一个单独的页面。用户单击“打印”按钮，将一个url发送到打印函数。print函数将单独的页面加载到display:none iframe中，并打印该iframe onLoad。它适用于IE、Chrome，但不适用于firefox。在firefox中，它将页面加载到div中，但从不打印或打开打印对话框。结果显示，如果将iframe设置为display:none，firefox将不会打印如下所示：
<div id="printerDiv" style="display:none"></div>
这是预期的
浏览 5提问于2011-09-01得票数 5
回答已采纳
因此，我需要能够打印一个jQuery UI对话框。到目前为止，我的解决方案使我创建了一个“打印”按钮，该按钮创建了一个新的<iframe>，其中填充了对话框的内容，然后打印出来。
我希望能够在打印完成后立即删除<iframe>。有什么办法我能做到吗？我知道IE中有一个onAfterPrint事件，但我需要在所有浏览器中都这样做。
谢谢!
编辑：我很欣赏替代的建议，但是我遇到了各种各样的问题，试图使用CSS规则打印jQuery对话框。在有大量内容和多个对话框的页面上，叠加和其他元素的结构会导致额外的空白页被打印出来。我尝试过多种组合(可见性:隐藏；}和{ display:
浏览 2提问于2010-11-27得票数 3
回答已采纳
每个HTML、CSS和JS都有3个文本区域。例如，在CSS & HTML文本区域内键入：html { background: green; }将使iframe变为绿色，然后您可以将绿色更改为蓝色，而无需刷新页面，而iframe就会变成蓝色。但是，当我编写JS代码时，它只执行一次，例如，document.write("1");在iframe中打印1，但是如果我添加另一个document.write("2");，它将iframe保留为空。
// Executing code when clicking RUN
$("#runButton&#
浏览 1提问于2019-03-25得票数 2
回答已采纳
2回答
我的应用程序中有一个iframe，如果我在一些div上添加分页符，它在Chrome上会被忽略(在Safari上它可以正常工作)。
我只有一个控制分页符的打印css：
page-break-before: always; page-break-inside: avoid;
另外，如果我将此iframe作为单独的页面打开，分页符也会按预期工作。
浏览 9提问于2017-07-23得票数 1
2回答
我有一些包含分页类的iframe内容。但它确实会在打印时打碎页面。下面是html和js代码：
<html>
<head>
<script src="js/jquery.min.js"></script>
<script>
$(document).ready(function(){
$(".testprint").on('click', function(){
document.getElementById('test
浏览 1提问于2014-06-17得票数 1
我有一个包含多个iFrames (例如6)的网页，我希望能够将其中两个帧打印为一个调用，而不是抓取每个帧的contentWindow，然后调用：
parent.iFrame1.focus();
parent.iFrame1.print();
parent.iFrame2.focus();
parent.iFrame2.print();
当它在浏览器中两个独立的打印预览窗口中打印内容时。
我尝试了以下方法，但没有给我真正想要的或为我工作的内容(即内容被截断)
我能打死一匹马吗？
我也尝试过从iframes中抓取html并将其写入一个新文档，但我觉得这有点麻烦。此外，还需要合并多个css和脚本文件
浏览 0提问于2018-11-24得票数 0
4回答
我使用多个iframe构建了我的数据的可打印版本，以显示行项目详细信息。但是，如果我的iframe内容大于页面，它们会在打印时被切断(它们在屏幕上显示得很好)。我所有的iframe都指向同一个域，我正在使用浏览器的File->Print功能进行打印。我不认为这是浏览器特定的错误，因为我在IE和FF中得到了相同的结果。
要打印包含多个iframes的HTML文档，我需要做什么？
浏览 1提问于2010-02-16得票数 6
回答已采纳
我的页面中有一个iframe，其中包含以下代码：
...
<script language="javascript" type="text/javascript">
function clearMessage() {
window.print();
}
$(function () {
var state=0;
if (state==1) {
window.print();
window.opener.location = wi
浏览 2提问于2017-10-09得票数 0
1回答
我正在使用javascript window.print()打开浏览器打印。但是，当打印视图打开时，图表(在iframe中)被剪切。我尝试了一些解决方案，但对我来说都不起作用。
按钮点击
<a href="javascript:window.print();" class="tooltips mr15" title="Print Report">
<div class="icon-print-lrg"></div>
</a>
Iframe html
<iframe id
浏览 58提问于2017-01-11得票数 0
1回答
我有一个onload事件，它检测iFrame是否已经完成加载。它在FF中运行良好，但在Chrome或IE中就不行了，有什么想法吗？
<html>
<head>
<title>Iframe onload event</title>
<link rel="stylesheet" type="text/css" href="../../ext-4.2.0-beta/resources/css/ext-all.css">
<script type="text
浏览 0提问于2013-03-01得票数 1
回答已采纳
2回答
我喜欢打印在网页中，文本-用户输入，但它可以有HTML-标签。但是，如果用户制作了错误HTML或应用了一些CSS规则(例如使用样式标签)，我希望页面内容不会受到影响。(我不喜欢使用iframe)。
标记-必须应用用户。我需要在可能的隔离javascript中防止不好的关闭标记或错误或全局css规则。一种文本用户的“沙盒”。
诚挚的问候
浏览 0提问于2012-06-01得票数 0
回答已采纳
我正在使用iframe (顺便说一句，我讨厌他们！)将第三方结帐页面调用到我的父页面中。除了$total_amount之外，签出页面不允许我向它传递任何变量。因此，如果一个人购买两个或两个以上的物品，他们没有记录的项目，他们购买的只是总量。我呼应了上面的iframe用php购买的物品清单，供他们参考。iframe中的最后结帐步骤允许您打印收据。但是，它只打印iframe内容。，您能告诉iframe中的打印按钮打印父页面吗？
浏览 3提问于2010-04-29得票数 0
此代码不起作用。用来做它与源== " youtube“，但突然==甚至不能工作或返回任何东西，当我这样做时，总是只有一个in获得批准，要么youtube或vimeo，取决于你把哪一个放在代码的第一位。我检查了传递给函数的源代码，它很好。那么问题出在哪里呢？annd为什么==停止工作？
if (source = "youtube") {
$("#videowrap article").html("<iframe src='http://www.youtube.com/embed/"+video_url+"
浏览 0提问于2012-12-18得票数 0
4回答
我有一个页面，我有很多关于一个项目的信息，与一个小的“下载规格pdf”按钮下面。点击它分别打开pdf，这是我所需要的所有网页版本。
不过，我目前正在编写我的打印css，我的目标是在这里创建一个打印css，在这里显示信息以及下面的pdf，包括在同一个打印文件中。
是否可以将pdf嵌入到我的页面中(仅用于打印css)？我尝试过使用<object>或embed标记，但这似乎在我的打印css中完全没有出现。
更新:我设法使用iframe显示pdf，但我无法将iframe高度设置为pdf的高度。pdf是动态的，所以它不是一个固定的高度。通过jQuery动态更新高度已被证明是不可能的，因为on
浏览 1提问于2013-08-12得票数 2
回答已采纳
我有一个包含多个类的iframe内容，即页眉、页脚
我希望使用jquery动态地为这些类应用css样式，
我试图仅以以下方式应用于header，但是如何动态地申请页脚(如果我们有多个类)。
$('#iframe').find('.header').css({
'color': objProp.cssstyles['header']['color'],
'background-color': objProp.cssstyles[pageSection][
浏览 3提问于2016-04-12得票数 2
回答已采纳
2回答
为什么做不到呢？我花了两天时间研究它。这是不可能做到的！
最新版本的Chrome确实允许父窗口访问PDF的iframe。但是FF和IE都不允许我触摸包含"application/pdf“的iframe。
代码很简单：
<iframe id="pdfFrame" src="/mydomain/document.pdf"></iframe>
如果我调用：
pdfFrame.contentWindow.print();
FF说：
Error: Permission denied to access property 'print
浏览 1提问于2015-01-24得票数 0
1回答
我有一个页面，我在其中放置了3个iframes，其中显示了其他3页。所有东西都封装在一个大的DIV元素中，每个iframe都封装在它自己的DIV元素中。在每个DIV之间，我使用以下CSS代码放置了另一个DIV元素：
@media print { .page-break {display:block; page-break-before:always;} }
在Firefox中(在本例中是版本12，但我想这不是版本问题)，所有的东西都是在打印整个页面时应该有的，但是在IE8中，页面中断的CSS似乎根本无法工作，页面在打印过程中变得一团糟。
我在这里遇到一个答案，这个分页不适用于定位的元素，但在我
浏览 3提问于2012-05-15得票数 3
我正在尝试slideDown嵌入到我的文档中的iframe。iframe包含另一个网站。到目前为止，我已经看过这个帖子了：
但是增加不透明度的技术并不适用于幻灯片动画，它也没有解决改变iframe的css的问题。这是我目前为止的代码(iframe的id是"sketchpad")：
var skpad = document.getElementById('sketchpad').contentDocument;
var skpad$ = $(skpad);
$('.sketchBtn').bind('click',
浏览 2提问于2012-01-21得票数 0
回答已采纳
我在iframe模式下使用Colorbox，我发现了一个奇怪的问题，我希望能得到一些帮助。我的iframe包含一个表单和另一个iframe (其中包含要打印的内容的预览)，在表单的提交处理程序上，我想在嵌入的iframe上调用window.print()，然后关闭colorbox。我的代码是这样连接起来的：
$('#printer_friendly_form').submit(function () {
var previewWindow = $('iframe#print_preview').get(0).content
浏览 5提问于2012-04-27得票数 0
1回答
Iframe加载太快
、、、
我设置脚本加载我的iframe，但我看到该脚本加载到快速的iframe内容，我不知道如何设置背景加载所有css图像内容，然后显示完整的iframe内容？ 我的代码： <style>
#test123 {
display: none;
}
</style> <script>
jQuery(document).ready(function( $ ){
$('iframe').on('load', function() {
jQuery("#test123").css("display"
浏览 16提问于2020-03-18得票数 1
我在一个只包含iframe的屏幕上工作，在这个iframe中有一个我需要打印的表格。我使用了以下代码来实现这一点
jQuery(window).on("keyup keydown", function(e){
if(e.ctrlKey && e.keyCode == 80){
window.frames['tableToPrint'].focus();
window.frames['tableToPrint'].print();
}
});
此代码仅在第
浏览 0提问于2019-03-11得票数 1
iframe的这些属性在html5：frameborder，scrolling中是否被弃用？我应该改用css吗？因为我想使用css。
<iframe src="iframe_ekle.html" width="300px" style="border-style:none; overflow:hidden">
</iframe>
但是当我这样做的时候，边框消失了，但是溢出对我的页面没有任何影响。也就是说，滚动条仍然会出现。
浏览 1提问于2014-05-20得票数 0
1回答
我正在尝试查找iframe中所有包含单词的元素，例如中的‘stack
这是我的代码：
<body>
<iframe src="http://en.wikipedia.org/wiki/Stack_Overflow"></iframe>
</body>
<script type="text/javascript">
var iframe = $('iframe');
$( "iframe" ).contents().find(
浏览 1提问于2015-03-30得票数 0
我在iframe load上调用了以下方法：
function resizeIframe() {
$("#content").css("height", "");
$("#content").css("width", "");
var iFrameHeight = $('iFrame').contents().height();
var iFrameWidth = $('iFrame').contents().width();
浏览 0提问于2012-02-23得票数 0
1回答
我想添加，删除和调整iFrame的CSS。特别是，我期待着这到Disqus的评论嵌入到页面上的iFrame的评论。
如果我被允许修改一个iFrame的CSS是唯一的风险是我容易受到他们(在这种情况下Disqus)更新CSS类和ID的风险？
浏览 0提问于2013-04-28得票数 0
回答已采纳
1回答
我必须打印对话框的内容。我正在添加一个空的iframe，然后在javascript中向它添加内容。
这是我的js代码，其中我添加html和css作为iframe的子程序。
var layoutCSS = new String('<link href="css/ReportPageOne.css" rel="stylesheet" type="text/css">');
var pageOneCSS = new String('<link href="css/ReportLayout
浏览 2提问于2016-09-16得票数 2
回答已采纳
所以我有一个iframe：
<iframe id="CPHNavBar_TBDC081D1008_frameSticky" src="/stickyserviceavailabilitycheck"></iframe>
我需要引用一段css代码，它位于上面的src部分。此代码将在src页面上选择它：
document.getElementById( "ContentPlaceHolder1_C001_btnSMBAddressCheckYes");
属性引用页面中的css元素
<iframe id="CPHN
浏览 0提问于2013-07-23得票数 1
2回答
我想把iframe字体大小改成150%。我已经在css中设置好了，然后结果不会改变，仍然是小文本。为什么它不改变大小？
下面是我的css代码，
#frame{
font-size:150%;
}
.frame {
z-index:2000;
}
然后我的html代码，
<div class="frame">
<iframe id ="frame" srcdoc="<p></p>" width="930"></iframe>
</div>
然后是在if
浏览 17提问于2013-04-16得票数 0
回答已采纳
我知道，iframes，多棒的皮塔饼！
Anyhoos，它们满足了我的需求，只是一个简单的主显示框架和一个隐藏的侧框，其中包含可以随时调用的应用程序。
代码如下：
<html>
<head>
<!--Main Style-->
<link rel="stylesheet" type="text/css" href="site/css/main.css" />
<!--JQuery-->
<script type="text/javascript" src=
浏览 0提问于2011-11-08得票数 0
回答已采纳
背景:我的web应用程序中有一个页面，其中包含一个iframe，显示一个pdf文件。
我需要一个浏览器的打印预览窗口出现在我的网页应用程序加载的这一页。“打印预览”窗口将包含iframe的内容并打印它。目前，我在iframe的load事件上绑定一个函数，如下所示：
$('#iframe').load(function () {
$("#iframe").get(0).contentWindow.print();
});
当我在本地调试时，这很好。但是，当我上传到服务器时，打印预览屏幕不会自动弹出。实际上，我必须首先单击按钮或元素以使其出现。有办法绕道吗？
浏览 4提问于2015-01-19得票数 1
回答已采纳
1回答
我想问一问我怎么做，或者是否可以定制facebook评论框中的css。我尝试过这个CSS，但它没有工作。
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
width: 100% !important;}
是否可以修改注释框？
谢谢您的回复。
浏览 0提问于2018-10-15得票数 0
回答已采纳
问题：
我有一个应用程序，它将内容从其他服务器加载到<iframe>中。用户希望能够在iframe中打印内容，这有时会很长，并导致iframe滚动。打印时，只打印iframe视图中显示的区域。其余的被切断了。
我尝试过的：
使用@media print样式，我可以隐藏页面上的所有其他元素，并将iframe扩展到100%的宽度和高度。AFAICT不能做的是将其调整为实际内容的w/h (仅使用CSS )，因此如果100%不够，则内容被截断。
我知道这可以通过javascript解决，但是浏览器并不总是为文件->print提供事件钩子，所以我不能在需要的时候运行javascript
浏览 6提问于2016-10-10得票数 0
1回答
如何只打印一个特定的vue组件？
、、、、
我在做文凭，需要下载。
所以，我制作了特定的vue组件(文凭本身)，它在区域内，但与v显示隐藏在一起(显示:无)。
现在，我只需要打印特定的组件(或保存为pdf)，而不是整页。因此，我无法启动window.print()，但我需要以某种方式对特定组件进行沙箱化，因此我想我可以在那里使用隐藏的iframe和load组件，并在iframe.contentWindow.print()上启动打印。
一个问题是，我不知道如何在iframe中加载组件。
一种方法是使用类似于
iframe.srcdoc = downloadRef.value.$el.innerHTML;
但我没有这样的造型。
我也尝试了
浏览 0提问于2021-10-15得票数 1
回答已采纳
1回答
我正在尝试打印行列表代码正在工作，但它显示了两次打印页面。 我的jQuery代码在打印页面时会被多次触发，这是怎么回事？ 以下是我的代码 $(document).ready(function () {
$(document).on('click','.print-btn',function () {
// $('#print-area').printThis();
$("#print-area").printThis({
debug: false,
浏览 9提问于2019-12-24得票数 1
回答已采纳
我在这个看似简单的任务上遇到了一些麻烦。
我想将当前的url加载到iFrame中。
我需要访问几个div并移除它们。
我只需要打印修改过的iFrame。
以下是我到目前为止所拥有的内容，但我无法访问加载的iFrame中的任何html元素。iFrame的内容确实像预期的那样打印，但是我需要删除几个我正在拔出头发的div：
var newWidth = "1024px";
var url = window.location;
var $iFrame = $('<iframe id="printFrame" style="wi
浏览 3提问于2012-10-19得票数 0
1回答
我试图从网页上打印一个动态生成的PDF。
var $iframe = $('<iframe>');
$iframe.appendTo('body');
$iframe.load(function() {
var iframe = $iframe[0];
var result = iframe.contentWindow.document.execCommand("print", false, null);
if (!result) iframe.contentWindow.print();
$.remo
浏览 3提问于2015-08-28得票数 3
1回答
我正在尝试设置一个开发服务器，设计师可以使用它在部署之前测试CSS。需要注意的是，我希望能够将HTML / PHP加载到iframe中，但需要向其传递一个变量，该变量允许我在iframe中交换到CSS的链接。这将模拟我对通过iframe提供的产品广告提要的控制。我尝试使用一个函数返回带有变量css链接的HTML，但它当然不会作为iframe返回。iframe将确保包含的css是唯一要使用的css，并且主页css不会影响iframe的内容。如何加载带有可变CSS链接的iframe？
浏览 2提问于2015-04-14得票数 0
1回答
如何在iFrame中包含引导程序
、、、、
我目前正在做一个项目，该项目要求我在iFrame中使用Bootstrap。我尝试将其包含在文档的头部，但它并未应用于iFrame。我一直在尝试将Bootstrap链接插入到iFrame的头部，但我不能将其作为目标。我甚至尝试了两次(在包含文档和iFrame的头部)包含它，但都没有被应用。有没有人能推荐一个好的方法呢？
这是我到目前为止所拥有的: index.html
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
浏览 16提问于2019-07-09得票数 0
我有一个网站example.com和另一个网站example1.com。我想将example.com显示为example.com站点中的iframe内容。
例如：
将此包括在example.com <iframe src='http://example1.com'>中
并在example.com的正文末尾添加jquery脚本。这在跨域不起作用。所以请对此作任何修改。
$(document).ready(function() {
$("#Frame").load(function(){
var timestamp = +(new Date
浏览 4提问于2015-06-04得票数 5
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
