怎样让设置display:none的弹出框不加载

页面代码太多时,加载速度比较慢,设置display:none的弹出框会先在页面中加载,等页面加载完后才会隐藏,怎样让弹出框不加载

把隐藏部分写成动态加载吧

有服务器端的话,可以先不输出不显示的div,而是用ajax异步加载,用angularjs很容易实现。没有服务器的话,把这些div放在后面,确保网页主体先显示给用户。

我也遇到过页面代码太多,加载速度慢,后面放了不少模态框的情况,但是没有遇到过页面加载出来后才隐藏的,大胆猜测一下,你的弹出框diplay:none是用JavaScript动态设置的?还是css文件的位置放到后面去了?如果不是,当我没说,嘿嘿!

感觉像是动态隐藏的!如果是css直接隐藏的话,不可能都加在好在隐藏的啊