Javascript 'Element' 在 ie 中未定义，但在 chrome 和 firefox 中工作正常

Question

我有一些 JavaScript 可以在 Firefox 和 Chrome 中正确运行，但会导致 ie 因“错误:‘foo’未定义(下面代码中的 foo.onclick = false 行)而死掉”。

我正在尝试在页面重新加载时禁用图像的 onlick 功能。代码如下:

function UpdateQueryAndRefresh(queryName, queryValue) {
    var escapedQueryName = encodeURIComponent(queryName);
    var escapedQueryValue = encodeURIComponent(queryValue);
    var upd_url = UpdateQueryStringParameter(document.URL, escapedQueryName, escapedQueryValue);

    if (upd_url.toUpperCase() != document.URL.toUpperCase()) {
        // Disable save button during refresh
        // Update current scale parameter also
        upd_url = UpdateQueryStringParameter(upd_url, "Scale", m_scale.toString());


        foo.onclick = false;

        window.location.href = upd_url;
    }
}

我读过，如果某些内容在其他浏览器中有效但在 ie 中无效，则我的 header 可能是错误的，但我检查了 header ，它们看起来很好。当我使用 ie 内置脚本调试器时，我可以看到由于某种原因 foo 图像未定义。

我做错了什么？

@JamieBarker所以我对这种语言有点陌生...... Foo 是一个在页面正文中定义为图像的图像。这是:

<img id="foo" src="images/image.png" alt="Show"  height="10" width="18" align="absmiddle" onclick="function()" />

是否有原因导致我在 ie 中看不到此内容，但在 firefox 和 chrome 中却可以？

Answer 1

您没有将“foo”设置为任何内容。你需要定义它。 Chrome 和 Firefox 会自动将变量分配给具有相同 ID 的元素。

var foo = document.getElementById('foo');
foo.onclick = false;