JQuery - 将样式表应用于Iframe(同一个域)

时间:2013-06-12 15:54:33

标签: jquery iframe stylesheet

我在一个页面上有一个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,但这并没有改变任何内容。 谁能看到我做错了什么?

1 个答案:

答案 0 :(得分:2)

以下修改确定了结果:

<?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>