正確關閉iframe中的iframe並且不隱藏iframe

我想關閉iframe ...並且我使用了代碼，如使iframe可見爲false或當我點擊close btn時顯示爲none ...但是這影響了我的項目中的其他代碼，因爲iframe沒有關閉，我只是隱藏起來......還有，代碼在Mozilla和Chrome中運行良好，這隱藏了iframe的概念。正確關閉iframe中的iframe並且不隱藏iframe

function closeiframecommt() { 
     parent.closeiframefriends(); 
    }

，並在頁面包含的iframe我寫代碼：但在IE這不叫上接近BTN點擊此功能的ifame頁面在所有的工作......所以我嘗試一些其他的方法，如...如：

function closeiframefriends() 
{ 
    var friends = document.getElementById("IFriends"); 
    friends.style.display = "none"; 
}

所以...能正常工作在Mozilla和Chrome，但在IE瀏覽器...我第一次關閉它關閉，但下一次我嘗試打開的iframe的iframe提示錯誤和iframe呢不是隻打開...但這個顯示無或可見虛假影響項目中的其他代碼，所以我試圖removechild代碼來關閉iframe再次IE問題...所以你可以幫我用正確的代碼來關閉iframe ...當我試圖找到代碼，因爲當我們點擊Esc或iframe之外的任何地方它（iframe）正確關閉，所以我想知道..當我們按Esc或點擊外部iframe iframe關閉完全沒有影響其他代碼會發生什麼。

感謝您提前！

來源

2012-11-03 Shruthi

你不能關閉一個iframe :) – Andreas

你不'關閉'的iframe - 你隱藏或刪除它。因爲隱藏它不適合你 - 你應該刪除它。這可以在Chrome和IE中使用。

<!DOCTYPE html> 
<head> 
    <title>test</title> 
    <style type="text/css"> 
    .top { 
     height:100px; 
     width:200px; 
     background-color:green; 
    } 
    </style> 
    <script type="text/javascript"> 
    function removeIFrame() { 
     var frame = document.getElementById("target"); 
     frame.parentNode.removeChild(frame); 
    } 
    </script> 
</head> 
<body> 
    <div class="top" onclick="removeIFrame();"></div> 
    <iframe id="target" src="http://www.disney.com" width="100" height="100"></iframe> 
    <div class="top"></div> 
</body>

頂部綠色div的onclick處理從DOM中移除iframe。

來源

2012-11-03 13:01:10

嗨...我剛剛檢查了這個...但它不工作在IE ..我使用IE8 ....所以..我試圖在JavaScript中包括斷點IE瀏覽器的開發工具，但斷點它不會去那裏..知道..爲什麼它不關閉... PLease的幫助！ – Shruthi

您需要在jsfiddle.net或其他類似的地方發佈您的頁面示例。很可能您的網頁上還有其他內容會被破壞。 –

正確關閉iframe中的iframe並且不隱藏iframe

回答

相關問題