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