Javascript 重新加载页面上的弹出框
嗨,我只是在谷歌上找到了代码,我不知道如何在加载或网页刷新时触发弹出框 HTML JAVASCRIPTJavascript 重新加载页面上的弹出框,javascript,html,css,Javascript,Html,Css,嗨,我只是在谷歌上找到了代码,我不知道如何在加载或网页刷新时触发弹出框 HTML JAVASCRIPT window.onload = function() { **document.getElementById("LearnMoreBtn").onclick = function(){** var overlay = document.getElementById("overlay"); var popup = document.getElementById(
window.onload = function() {
**document.getElementById("LearnMoreBtn").onclick = function(){**
var overlay = document.getElementById("overlay");
var popup = document.getElementById("popup");
overlay.style.display = "block";
popup.style.display = "block";
};
};
提前感谢=)
下面是演示:
检查此项-
window.onload = function() {
var overlay = document.getElementById("overlay");
var popup = document.getElementById("popup");
overlay.style.display = "block";
popup.style.display = "block";
document.getElementById("CloseBtn").onclick = function(){
var overlay = document.getElementById("overlay");
var popup = document.getElementById("popup");
overlay.style.display = "none";
popup.style.display = "none";
}
};
您只需将pop代码放入窗口加载函数中,而不是从onclick函数调用它
检查此项-
window.onload = function() {
var overlay = document.getElementById("overlay");
var popup = document.getElementById("popup");
overlay.style.display = "block";
popup.style.display = "block";
document.getElementById("CloseBtn").onclick = function(){
var overlay = document.getElementById("overlay");
var popup = document.getElementById("popup");
overlay.style.display = "none";
popup.style.display = "none";
}
};
您只需将pop代码放入窗口加载函数中,而不是从onclick函数调用它
如果您想在刷新/页面加载时打开弹出窗口,只需模拟如下点击:
document.getElementById("LearnMoreBtn").click();
fiddle:如果您想在刷新/页面加载时打开弹出窗口,只需模拟如下点击:
document.getElementById("LearnMoreBtn").click();
小提琴:为什么不直接删除
显示:无代码>从#overlay
和#popup
,当加载或刷新页面时,这将显示默认的弹出窗口
更新。为什么不删除显示:无代码>从#overlay
和#popup
,当加载或刷新页面时,这将显示默认的弹出窗口
更新