如何在网页中加入加载页面

如何先显示一个加载页面然后等网页加载完了再隐藏?

阅读 5.6k
3 个回答

你表述的有点模糊,jquery $(function(){//页面加载完成时, $(隐藏元素).hide()}),不知道这个是不是你想要的

可以使用Ajax绑定事件(页面加载),事件结束后(页面加载完成),使用回调函数(隐藏加载页面).

nprogress或许能给你一些灵感.

在网页的顶部写好你的加载页面,最好是不需要运行js的。然后用js监听你需要加载的部件的load事件。当然你如果不需要制作进度条的话可以使用jQuery的ready事件来监听所有的东西都加载好的事件,把load页面隐藏,然后显示正常的网页。需要load页面的网页一般都比较大,如果只是一个小的网页就不需要load页面了。如果你页面呈现内容不多但是你网页很大的话你就需要考虑考虑网页的写法了。很可能网页能在其他方面下功夫优化而减小体积。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
logo
101 新手上路
子站问答
访问
宣传栏