javascript - 页面载入完成再显示某部分div内容

Question

如何实现载入完成再显示内容列表

Answer 1

jquery是:

$(window).load(function(){
   //your callback code is here
   $('.mylist').html(tmp);
});

原生js：

var E={
  addEventListener:function(ele,eType,handler){
    //省略代码
  }
};
var renderCallback=function(){
  //
};
E.addEventListener(window,'load',renderCallback);

Answer 2

HTML里写死（或通过PHP等动态生成的，对前台而言也是“写死”）的东西，出来了就是出来了。

就算用JS或CSS处理也只能先蹦出来再隐藏（你总得考虑网速原因），想达到你的目标并不完美。

我的想法： （一）要不然，就先在CSS里display:none隐藏起来，然后用JS监视，页面全下载完了再显示出来； （二）要不然，干脆HTML的死内容是空白的，用JS动态加载，加载完了再扔出来。

无论怎么做都要用JS。另外无论如何别忘了，加载完之前摆上圆圈转盘loading图标。