显示:无; 在浏览器中显示"无"

Question

此jsFiddle示例适用于Google Chrome,但在Internet Explorer中,当单击关闭图标时,浏览器会删除弹出元素,但会在浏览器窗口中显示文本"无".请解释我如何解决这个问题.

HTML:

<div id="popup">
    <!-- Close popup link -->
    <a href="javascript:document.getElementById('popup').style.display='none';">X</a>
</div>

Answer 1

使用onclick为事件处理程序而不是href http://jsfiddle.net/AE2X3/4/

<div id="popup">
        <a href="#" onclick="document.getElementById('popup').style.display='none';return false;" id="close_popup"></a>
        <p>This is a pop-up.</p>
</div>

Answer 2

我认为正在发生的事情是赋值返回其结果,然后浏览器显示它.如果添加void(0)到JavaScript的末尾,则不会显示.

让我补充一点,amit_g的答案比我的更正确.他正确指出这种行为属于OnClick处理程序,而不属于href属性.