設置HTML頁面大小0 javascript

有什麼辦法可以將html頁面的大小從javascript/jquery減小到width和height = 0 我從裏面調用這個html頁面，iframe和iframe調整大小爲html頁面大小和我想的iframe消失設置HTML頁面大小0 javascript

來源

2012-10-26 p0tta

如果你想隱藏實際iframe你iframe則需要通過訪問iframe的父母這樣做。所以說，我們有兩頁：

parent.html：

<htmL> 
<head> 
    <script type="text/javascript" src="./jquery.1.7.1.min.js"></script> 
</head> 
<body> 
    <iframe id="parentFrame" src="./child.html"></iframe> 
</body> 
</html>

child.html：

<htmL> 
<head> 
    <script type="text/javascript" src="./jquery.1.7.1.min.js"></script> 
</head> 
<body> 
    <input type="button" value="hide me" onclick="$('#parentFrame', window.parent.document).hide();"/> 
</body> 
</html>

我們使用window.parent.document得到父，那麼我們可以從那裏訪問我們想要的任何內容，在這種情況下，我們只需隱藏iframe本身。

來源

2012-10-26 04:53:40 Rob

謝謝Rob！但我的iFrame內容和iFrame代碼位於不同的服務器上。那麼這仍然有效嗎？ – p0tta

不，在這種情況下，你將會遇到XSS問題，或許你可以通過某種方式檢測它，也許當點擊'hide'按鈕時，你可以在URL中添加一個哈希值window.location.href + ='#blah'，然後在你的父頁面有一個setInterval來檢查iframes url，如果它包含#blah哈希值，你可以隱藏它，刪除它，等等......雖然還沒有測試過。 – Rob

設置HTML頁面大小0 javascript

回答

相關問題