等待完整的页面加载(包括图片等)可以通过以下几种方式实现:
window.onload = function() {
// 页面加载完成后的操作
};
这种方式适用于简单的页面,但对于复杂的页面可能会导致用户等待时间过长。
document.addEventListener("DOMContentLoaded", function() {
// DOM树构建完成后的操作
});
这种方式适用于只需要操作DOM元素而不涉及外部资源的情况。
<script src="script.js" defer></script>
defer属性适用于需要操作DOM元素的脚本,但不会阻塞页面的加载。
<script src="script.js" async></script>
async属性适用于独立的脚本,不依赖于页面的其他内容。
var img = new Image();
img.onload = function() {
// 图片加载完成后的操作
};
img.src = "image.jpg";
这种方式适用于需要等待图片加载完成后再执行其他操作的情况。
腾讯云相关产品推荐:
领取专属 10元无门槛券
手把手带您无忧上云