Question

所有内容加载完毕后，我需要发出警报，用户可以看到所有图像100％。

我这样做-我在网页末尾做了一个功能（在关闭BODY标签之前：

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

但是它不起作用。未加载某些图像时会发出警报。特别是在移动设备上。在台式机上有时可以正常工作

Answer 1

这将有助于：

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/

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

Answer 2

尝试等待图像自行加载..

$('img').load(function() {
    alert('Hello World');
})

加载所有内容后的JS警报

2 个答案: