时间戳

首页 > 解决方案 > Javascript页面进入事件

javascript - Javascript页面进入事件

问题描述

我想要一个每次在浏览器示例中键入站点时都应该加载的事件：在 url 中键入 http://localhost/ 并且第一页应该显示是我的覆盖。阅读完信息后，他们可以关闭它，但如果他们想再次阅读，可以单击按钮。此外，如果网站正在刷新，则应再次弹出叠加层。

我当前的代码和我卡住的地方：

const doc = document;
const menuOpen = doc.querySelector(".menu");
const menuClose = doc.querySelector(".close");
const overlay = doc.querySelector(".overlay");

menuOpen.addEventListener("click", () => {
  overlay.classList.add("overlay--active");
});

menuClose.addEventListener("click", () => {
  overlay.classList.remove("overlay--active");
});

标签： javascriptevents

解决方案

要在 javascript 中执行此操作，您可以使用以下方法实现此window.load目的：

window.onload = function() {myFunction()};

function myFunction() {
    overlay.classList.add("overlay--active");
}

但是对于最好的解决方案，我认为overlay--active默认添加@Keith 提到的会更好，因为这需要更少的网页javascript。

推荐阅读