javascript - 页面加载时自动将href分配给div

<h1>Popup/Modal Windows without JavaScript</h1>
<div class="box">
<a class="button" href="#popup1">Let me Pop up</a>
</div>

<div id="popup1" class="overlay">
  <div class="popup">
    <h2>Here i am</h2>
    <a class="close" href="#">&times;</a>
    <div class="content">
        Thank to pop me out of that button, but now i'm done so you can
    </div>
  </div>
</div>

我要在页面加载时显示弹出窗口。等我点击按钮时。如何用javascript或jquery制作？我在here中找到的这个例子

最佳答案

请使用onload功能。

的HTML

<body onload="load()">
    <div id="popup">
       <div id="popUPAlert" style="display:none;">
          //Model content
       </div>
    </div>
</body>

Java脚本

function load(){
    document.getElementById('popUPAlert').style.display="block";
}

07-28 02:28