如何從內部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

回答

相關問題