扫码关注官方订阅号
如何先显示一个加载页面然后等网页加载完了再隐藏?
业精于勤,荒于嬉;行成于思,毁于随。
你表述的有点模糊,jquery $(function(){//页面加载完成时, $(隐藏元素).hide()}),不知道这个是不是你想要的
可以使用Ajax绑定事件(页面加载),事件结束后(页面加载完成),使用回调函数(隐藏加载页面).
nprogress或许能给你一些灵感.
在网页的顶部写好你的加载页面,最好是不需要运行js的。然后用js监听你需要加载的部件的load事件。当然你如果不需要制作进度条的话可以使用jQuery的ready事件来监听所有的东西都加载好的事件,把load页面隐藏,然后显示正常的网页。需要load页面的网页一般都比较大,如果只是一个小的网页就不需要load页面了。如果你页面呈现内容不多但是你网页很大的话你就需要考虑考虑网页的写法了。很可能网页能在其他方面下功夫优化而减小体积。
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
扫描下载App
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
你表述的有点模糊,jquery $(function(){//页面加载完成时, $(隐藏元素).hide()}),不知道这个是不是你想要的
可以使用Ajax绑定事件(页面加载),事件结束后(页面加载完成),使用回调函数(隐藏加载页面).
nprogress或许能给你一些灵感.
在网页的顶部写好你的加载页面,最好是不需要运行js的。然后用js监听你需要加载的部件的load事件。当然你如果不需要制作进度条的话可以使用jQuery的ready事件来监听所有的东西都加载好的事件,把load页面隐藏,然后显示正常的网页。需要load页面的网页一般都比较大,如果只是一个小的网页就不需要load页面了。如果你页面呈现内容不多但是你网页很大的话你就需要考虑考虑网页的写法了。很可能网页能在其他方面下功夫优化而减小体积。