// Alternative to load event
document.onreadystatechange = function () {
if (document.readyState === 'complete') {
alert('Dom loaded');
$(".download").fadeIn();
}
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<img src='https://www.w3schools.com/images/compatible_chrome.png' class='download' style='display:none;'>
首先隐藏图像,然后尝试下面加载dom后执行的代码。
// Alternative to load event
document.onreadystatechange = function () {
if (document.readyState === 'complete') {
console.log('loaded');
$(".background").fadeIn("slow");
}
}