Question

我是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>

任何帮助都将受到高度赞赏。如果有什么我错过的请告诉我。非常感谢！

Answer 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>

Answer 2

检查小提琴 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";
};

Answer 3

标签重新加载页面，正如您所说的那样，使用标签以外的其他内容并将其设置为：

cursor:pointer;
text-decoration:underline

div出现在加载中，单击时消失

3 个答案: