在父iframe上應用更改

Question

我有一個Iframe，就像這樣。

<iframe id="test" src="test.html"> 

</iframe> 

在我test.html我想添加一個腳本來改變iframe的寬度和高度。

<script> 
    $(document).ready(function() { 
     $('#test').attr("width", "510px"); 
    }); 
</script> 

但它不工作。

Answer 1

你需要做一些像這樣的iframe html頁面inside。

寬度：

<script> 
    window.parent.document.getElementById("test").width = 900; 
</script> 

身高：

<script> 
    window.parent.document.getElementById("test").height = 900; 
</script> 

Answer 2

裏面IFrame的，你可以在這個片段中調整的IFrame：

<script> 
    parent.document.getElementById('test').style.width = "510px"; 
</script> 

只是要小心，當你進入的IFrame你會遇到瀏覽器安全沙箱，這可能會造成麻煩與裏面的內容進行交互來自外部的iframe，反之亦然。