Javascript 延迟页面呈现，直到下载图像

是否可以延迟页面呈现直到下载图像，以防止在绘制页面时加载图像

---

干杯

您可以在图像上使用

onload

来检测图像何时加载

var img=newimage（）；
img.src=”http://www.mind-coder.com/example.jpg";
img.onload=function（）{alert（“Height:+this.Height）；}

您可以在图像上使用

onload

来检测何时加载图像

var img=newimage（）；
img.src=”http://www.mind-coder.com/example.jpg";
img.onload=function（）{alert（“Height:+this.Height）；}

您可以执行以下操作。首先在html中将display:none设置为您的主体，这样它就不会显示任何内容，然后设置为以下条件

$(window).on("load", function() {
    //show the body like below
     $("body").fadeIn(500);
});

正文{显示：无；}

---

你可以像下面这样做。首先在html中将display:none设置为您的主体，这样它就不会显示任何内容，然后设置为以下条件

$(window).on("load", function() {
    //show the body like below
     $("body").fadeIn(500);
});

正文{显示：无；}

---

如果其中一个图像根本没有加载（坏的URL或其他什么）？@nnnnnn感谢您对好点（+1）的评论，此脚本仅显示了基本概念，因为OP没有指定该场景。顺便说一下，使用

img.onerror

可以检测图像加载是否有问题，并在那里决定要做什么，例如：显示错误消息，或者即使一个或多个页面没有成功加载也显示页面（但我认为这取决于OP的使用情况）。如果其中一个图像根本没有加载怎么办（坏网址还是什么？@nnnnnn谢谢你评论好的观点（+1），此脚本仅显示基本概念，因为OP没有指定该场景。顺便说一句，可以使用

img.onerror

检测图像加载是否存在问题，并在那里决定要执行的操作，例如：显示错误消息，或即使一个或多个页面未成功加载也显示页面（但我很难过，这取决于OP的用例）。这很好也很简单，如果OP在他们的问题上添加了“jQuery”标签，我会投赞成票……这很好也很简单，如果OP在他们的问题上添加了“jQuery”标签，我会投赞成票。。。