0

我是 javascript 的新手，因此我在这里请求一些帮助。基本上我有一个非常简单的 HTML 页面，在其中我需要一个 DIV 来显示在窗口加载时，并在用户单击“关闭”时消失。

此时，onload 事件完美运行，但是当我单击“关闭”时，DIV 仍然存在（我认为是因为 Windows 再次加载）。

这是我的javascript代码：

function popup() {
    document.getElementById("pop_up_main").style.display = "block";
}

document.getElementById("asd").onclick = function() {
    document.getElementById("pop_up_main").style.display = "none";
};

BODY 调用 popup() 函数

<body onload="popup()">

pop_up_main 是我的 DIV，在其中我有需要隐藏 div 的锚。

 <div id="pop_up_main">
    <a href="#" onclick="return false" id="asd">Close</a>

任何帮助将不胜感激。如果有什么我错过了，请告诉我。非常感谢！

4

3 回答 3

1 
Try This

function popup() {
 setTimeout(function(){
   document.getElementById("pop_up_main").style.display = "block";
},5000);

}

function hidePopup() {
  document.getElementById("pop_up_main").style.display = "none";
};





 <div id="pop_up_main" style="display:none;">
     <a href="javascript:void(null);" onClick="hidePopup()" >Close</a>
于 2013-09-16T08:32:42.527 回答
0

检查小提琴Demo Fiddle

<div id="pop_up_main">
<a href="#" onclick="return false" id="asd">Close</a>
</div>

和Javascript

document.getElementById("asd").onclick = function () {
document.getElementById("pop_up_main").style.display = "none";
};
于 2013-09-16T08:30:58.610 回答
0

一个标签重新加载页面，正如你所说的那样，这是问题所在，使用标签以外的东西并将其设置为：

cursor:pointer;
text-decoration:underline
于 2013-09-16T08:49:52.687 回答