Question

我希望同步网站，就像首页加载时一样，它会加载内容然后是图像，然后是内容，然后是其他内容。

就像我在http://gmailblog.blogspot.com/看到的那样[看图像如何加载]

有没有办法实现？任何链接或源代码将不胜感激。

Answer 1

我看过网站了。这与bing相同。怎么做？

在核心HTML代码中提供<img src="loading.gif" id="1"/>或您想要的任何元素。

完成核心HTML后，在</body>标记之前，使用javascript更改

属性值（例如，img元素的“src”属性）。记得在关闭body标签之前需要在HTML结尾写入javascript。浏览器将加载

依次按顺序排列内容。这可用于实现基于优先级的HTML组件加载。

Answer 2

您可以通过使用JS控制来同步页面上所有元素的加载。例如：在内容之后加载图像的一种策略是：

a）在你的html中，而不是在src属性中，在另一个属性中指定图像位置，比如'isrc'。

b）在你的onload回调中（假设你正在使用jQuery）：

var loadCounter = 0;
$('img').each(function() {
  if($(this).attr('isrc')) {
    this.onload = function() {
      loadCounter++;
      if($('img[isrc]').length == loadCounter) {
        // .. proceed to loading other stuff like flash etc..
      }
    }
    $(this).attr('src', $(this).attr('isrc')); // load the image
  }
});

如何在加载页面时同步网站内容

2 个答案: