div 在加载时出现,在单击时消失



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

此时,onload 事件运行良好,但是当我单击"关闭"时,DIV 仍然存在(我认为是因为窗口再次加载)。

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

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

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>

检查小提琴 演示小提琴

<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";
};
标签重新

加载页面,正如您所说,这是问题所在,使用标签以外的其他内容并将其样式设置为:

cursor:pointer;
text-decoration:underline

相关内容

  • 没有找到相关文章

最新更新