Javascript 弹出 div 在 IE9 中不会关闭

Question

所以在 chrome 中我可以使用这个 javascript 代码打开和关闭弹出式 div:

<script language="javascript">
function expand_day(daynr) {
var controlnaam = 'cal_' + daynr;
var control = document.getElementById(controlnaam)
if (control) {
    var pd = document.getElementById('popupDiv');
    if (pd){
        var output = '<table border="0" cellpadding="10" style="width:100%;border:solid 0px #000000;background-color:white;color:black;">';
        output += '<tr><td><span style="float:right;"><a href="Javascript:closePopup();return false;">close</a></span></td></tr>';
        output += '<tr><td>';            
        //alert(control.innerHTML);
        pd.innerHTML = output + control.innerHTML + '</td></tr></table>';
        pd.style.display='block';

    }            
}
}
 function closePopup() {
var pd = document.getElementById('popupDiv');
if (pd){
    pd.style.display='none';
}    
}

</script>

但是当我在 Internet Explorer 9 中执行此操作时，我可以打开弹出式 div，但无法将其关闭。如何在 Internet Explorer 9 中关闭它？

Answer 1

这一行:

<a href="Javascript:closePopup();return false;">close</a>

应该改为

<a href="Javascript:closePopup();">close</a>

因此您不能在此上下文中使用return 语句。 IE 提示 SCRIPT1018:'return' 语句在函数之外。

http://jsfiddle.net/LMqKg/2/

或者你可以使用 onclick 而不是 href:

<a onclick="closePopup();return false;">close</a>