jquery - JQuery - 将样式表应用于 Iframe（相同域）

Question

我在单个页面上有一个 iframe，我正在将 html（存储在 mysql 中）加载到 iframe 中。我想将单独的样式表应用于iframe.

到目前为止，这是我正在做的事情：

<?php 
  $storedhtml = '<strong>Testing</strong><br><br>lots more html text......';
?>

<iframe id="lovely_pages" src="about:blank" style="width:99%;height:700px;" frameBorder="0"></iframe>

<script language="javascript" type="text/javascript">
$(document).ready(function(){

  $('#lovely_pages').contents().find('html').html('<?php echo $storedhtml; ?>');

});
</script>

这是我要应用于的样式表iframe：

<link href="/styles/iframe_only.css" rel="stylesheet" type="text/css">

我已经尝试将样式表放入变量html()中$storedhtml，但这并没有改变任何东西。谁能看到我做错了什么？

Answer 1

以下修改修复了结果：

<?php 
  $storedhtml = '<strong>Testing</strong><br><br>lots more html text......';
?>

<iframe id="lovely_pages" src="about:blank" style="width:99%;height:700px;" frameBorder="0"></iframe>

<script language="javascript" type="text/javascript">
$(document).ready(function(){

  $('#lovely_pages').contents().find('head').html('<link href="/styles/iframe_only.css" rel="stylesheet" type="text/css">');
  $('#lovely_pages').contents().find('body').html('<?php echo $storedhtml; ?>');

});
</script>