如何从内部HTML

设置iframe的风格我的代码如何从内部HTML

<iframe src="http://www.google.com" name="google" style="Z-INDEX: 0; MARGIN-TOP: -1px; WIDTH: 100%; HEIGHT: 1070px"> 
    <html> 
     <head></head> 
     <body> 
      <div>Some image is here</div> 
     </body> 
    </html> 
</iframe>

以下行的问题是iframe是不可见的IE7。 iframe只有在添加样式时才可见display: block;

我没有访问修改顶端iframe的样式，但我可以修改内部html。

如何从我的html页面设置顶部iframe的样式？

来源

2013-08-28 Ruthreshwar

我不相信你可以改变 “google.com” 的源代码=） – Cherniv

我意在改变iframe的风格而非谷歌的源代码。 – Ruthreshwar

Iframe内容受制于相同的域策略。如果它来自你的域名，你可以控制它，如果没有，你就被锁定了。这可以防止各种基于Iframe的页面劫持。

考虑到您可以直接访问，请执行以下操作：

您需要JavaScript。这与在父页面中执行它是一样的，除了必须在JavaScript命令前加上iframe的名称。

请记住，同样的原产地政策适用，所以你只能这样做，以使iframe来自你自己的服务器。

我使用Prototype框架，使其更容易：

frame1.$('mydiv').style.border='1px solid #000000'

或

frame1.$('mydiv').addClassName('withborder')

来源

2013-08-28 09:08:32

试试这个。

<iframe id="f" width="200" height="200"></iframe> 


---------- 
var s = document.getElementById('f'); 
s.contentDocument.write("welcome");

来源

2013-08-28 08:58:49

如何从内部HTML

回答

相关问题