Question

我有这样的iFrame：

<iframe id="iFrame" name="iframe" src=""></iframe>

来源是通过网址输入的。我需要更改此iFrame中内容的文本大小。 iFrame和源URL都在同一个域中。我试过这个：

function setFontSize(fontsize) {
    $('iFrame').contents().css('font-size', '5px');
    alert("i am here");
}

and this


function setFontSize(fontsize) {
    $("#iFrame").css("font-size","5px");
}

似乎都不起作用。

Answer 1

试试这个：

#site.html
<iframe id="iFrame" name="iframe" src="iframe.html"></iframe>
<script type="text/javascript">
;(function($) {
      $(function() {
          var iframe = top.frames['iframe'].document;
          $('p', iframe).css('font-size','5px');
      });
})(jQuery);
</script>

#iframe.html
<p>some test content</p>

这里的线索是，它无法在您的桌面上运行。您需要在您的服务器上测试它。如果您将这两个文件都复制到/path/to/your/server/root/test并查看http://localhost/test您将看到结果。
还有一件事：使用iframe是一项非常严格的任务，两个站点（父站点和iframe）都需要位于同一台服务器上（相同的协议，主机，端口）。

Answer 2

试试这个

$(document.getElementById('IFrameName').contentWindow.document.body).find('font').attr("face", "Tahoma")

更改iframe内的字体大小

2 个答案: