页面加载完关闭loading效果

根据页面是否加载完毕来关闭loading效果：
首先，我们要想知道页面是否加载完毕，需要知道以下几点：
1.document.onreadystatechange 页面加载状态改变时的事件
2.document.readyState 页面当前文档的状态

1）.uninitialized 还未开始载入
2）.loading 载入中
3）.interactive 已加载，文档和永和可以开始交互
4）.complete 载入完成

这里我们直接通过页面是否加载完毕去决定loading效果的关闭与否，以下为js代码：

document.onreadystatechange = function () {//即在加载的过程中执行下面的代码
  if(document.readyState=="complete"){//complete加载完成
    $(".loading").fadeOut();
  }
}