html代码 弹窗显示 js

HTML代码可以用来显示页面内容，而JS代码则可以让页面更加丰富。在网页中，我们可以利用JS代码来实现一些特效，如弹窗显示。

script type="text/javascript">
function showPopup() {
      var popup = document.getElementById("popup");
  if (popup.style.display === "none") {
        popup.style.display = "block";
  }
 else {
        popup.style.display = "none";
  }
}
    /script>
    

上面这段JS代码可以让我们在网页中创建一个弹窗。要实现这个弹窗，我们需要用到HTML和CSS代码。

div id="popup" style="display:none;
    ">
      div id="popup-content">
        p>
    这是一个弹窗窗口/p>
        button onclick="showPopup()">
    关闭/button>
      /div>
    /div>
    

上述HTML代码中，我们创建了一个元素来作为弹窗窗口。同时，我们用CSS代码将它的display属性值设为none，这样它在页面上就不可见了。在弹窗窗口中，我们还添加了一个按钮，并用JS函数showPopup()来控制它的显示与隐藏。

有了这两段代码，我们就可以轻松创建一个简单的弹窗窗口了。

以上就是关于HTML和JS代码实现弹窗显示的介绍。使用这样的代码，可以为我们的网站增添不少互动性和视觉效果。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！