JS獲取iFrame的內容

因爲前面的圖片上傳用到了iframe,這裏記錄一下用js獲取iframe內容的代碼,尤其當iframe的src爲圖片時:
function GetIframeInnerHtml(objIFrame)
{
        var iFrameHTML = "";
        if (objIFrame.contentDocument)    
        {
                // For NS6
                iFrameHTML = objIFrame.contentDocument.innerHTML;    
        }    
        else if (objIFrame.contentWindow)    
        {
                // For IE5.5 and IE6
                iFrameHTML = objIFrame.contentWindow.document.body.innerHTML;
        }    
        else if (objIFrame.document)    
        {
                // For IE5
                iFrameHTML = objIFrame.document.body.innerHTML;
        }
    
        return iFrameHTML;
}
<iframe src="kitty.jpg" id="frmIn" name="frmIn" scrolling="no" width="450" height="450"></iframe>

<input type="button" value="click" onclick="alert(GetIframeInnerHtml(document.all.frmIn))">
 
document.all.frmIn.contentWindow.document.body.innerHTML
frmIn是iframe的id
在FF裏獲取到的內容是這樣的:
 
在IE裏獲取到的內容是這樣:
 
差不多了,這樣!
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章