Question

我在JS的网站上有文件上传代码：

function detectDone(){
done++;
var _ifrWallp = document.getElementById("ifrWallp");
var html = _ifrWallp.contentWindow.document.body.innerHTML;
if (html.indexOf('File name:') != -1) {
    // Done
    uploadedWall();
} else {
    setTimeout('detectDone()',10);
}}

和HTML：

<div id="addWallpp" class="addMWallp" style="float: left;" onmouseover="document.getElementById('uploadDesc').style.display = 'block'; document.getElementById('ifrWallp').contentWindow.document.getElementById('wpmain').style.backgroundColor = '#FFF7C0';" onmouseout="document.getElementById('uploadDesc').style.display = 'none'; document.getElementById('ifrWallp').contentWindow.document.getElementById('wpmain').style.backgroundColor = '#F9F9F9';">
    <iframe id="ifrWallp" onload="Upload('../')" scrolling="no" frameborder="0" style="text-align:center;vertical-align:middle;border-style:none;margin:0px;width:100%;height:45px" src="sources/private/upload.php"></iframe>

和php文件中的一些代码。在IE中我没有错误，但chrome和firefox排错：

var html = _ifrWallp.contentWindow.document.body.innerHTML;

未捕获的TypeError：无法读取null

的属性'innerHTML'

并在FF中：

TypeError：_ifrWall.contentWindow.document.body为null

我知道我必须在页面加载后加载iframe代码，但遗憾的是我不知道如何使其与我的文件上传一起使用。请帮忙:(

Answer 1

请在此处查看说明和代码示例： http://www.sitepoint.com/forums/showthread.php?405244-InnerHTML-and-Firefox

基本上contentWindow是IE的东西。对于FF，您需要使用contentDocument。

//ff
if (_ifrWallp.contentDocument){
var html=_ifrWallp.contentDocument.getElementsByTagName("BODY")[0].innerHTML;
}
//ie
else if (_ifrWallp.contentWindow){
var html=_ifrWallp.contentWindow.document.body.innerHTML;
 }

// if (html.indexOf('File name:') ... etc

未捕获的TypeError：无法在Firefox和Chrome中读取属性“innerHTML”

1 个答案: