Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 重新加载页面上的弹出框_Javascript_Html_Css - Fatal编程技术网

Javascript 重新加载页面上的弹出框

Javascript 重新加载页面上的弹出框,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(

嗨,我只是在谷歌上找到了代码,我不知道如何在加载或网页刷新时触发弹出框

HTML

JAVASCRIPT

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
,当加载或刷新页面时,这将显示默认的弹出窗口

更新