Question

我在使用iframe时遇到问题，我实际上并没有设置iframe的源代码我插入html我想用jQuery而不是我工作得很好但是我的实际问题是我不知道如何在iframe中添加一个样式表。

检查以下代码：

<button id="print1" onclick="  $('#frame1').contents().find('body').html($('#div1').html() + $('#tabs-4').html() + $('#tabs-5').html()+ $('#tabs-6').html() ); window.frames['frame1'].print();">Print full report</button>
<iframe id="frame1" style="visibility:hidden;" height=1px></iframe>

Answer 1

内联jQuery，我认为错了。更喜欢这样

<script type="text/javascript">
$('button').on('click', function() {
  $('#frame1').contents().find('body').html($('#div1').html() + $('#tabs-4').html() + $('#tabs-5').html()+ $('#tabs-6').html() ); 
  window.frames['frame1'].print();
});
</script>

同样改变你的css如下

<iframe id="frame1" style="visibility:hidden; height:1px"></iframe>

Answer 2

如果您没有在iFrame中使用文档来源，那么我相信您应该直接在iFrame上设置css规则。如果你需要在代码中执行它，那么你可以简单地使用$（“＃frame1”）。css（'myPropertyName'，'myPropertyValue'）;

Answer 3

如果要设置iframe的样式，请使用jQuery's css function。

$('#frame1').css({
   'property1': 'value',
   'property2': 'value',
   .
   .
   .
   'propertyN': 'value',
});

但是您无法将样式表附加到单个元素。你更喜欢head元素中的link to your stylesheet，并在其中包含你想要的iframe样式。 E.g：

#frame1 {
    /* Style of the iframe. */
}

使用jquery将CSS添加到iframe

3 个答案: