javascript - 如何在网页中加入加载页面
迷茫
迷茫 2017-04-10 14:31:56
[JavaScript讨论组]

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

迷茫
迷茫

业精于勤,荒于嬉;行成于思,毁于随。

全部回复(3)
怪我咯

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

PHP中文网

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

nprogress或许能给你一些灵感.

怪我咯

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号