时间戳

首页 > 解决方案 > 加载所有内容后的 JS 警报

javascript - 加载所有内容后的 JS 警报

问题描述

在加载所有内容并且用户可以 100% 看到所有图像后，我需要发出警报。

我这样做 - 我在网页末尾创建了一个函数（在 BODY 标签关闭之前：

window.onload=function(){
  alert("This is my alert text");
}

但它不起作用。未加载某些图像时会发出警报。尤其是在移动设备上。在桌面上它有时可以工作

标签： javascript

解决方案

这将有助于：

document.addEventListener('readystatechange', function(event) {
    console.log(event.target.readyState); // check for more states
    if (event.target.readyState === "complete") {
        alert("Everything loaded now including images, scripts and styles.");
    }
});

请查看@CodePen https://codepen.io/animatedcreativity/pen/07c67507a741a76f4ae208d52a29cf7b/

^ 我在示例中为您添加了大图像。只有在所有内容完全加载后才会显示警报。

推荐阅读