javascript - 立即加载网页而不是分段加载

标签 javascript html css

<分区>

我有一个包含大量表格数据的 html 页面,一个带有一些样式的 css 页面,以及一些带有排序和过滤等功能的 javascript 页面。

当我点击页面时,我看到元素出现,然后在加载时进行调整。例如,表格标题以特定大小开始,然后调整为不同的大小。

我希望元素显示它们的最终外观和位置。无论这意味着一次加载整个页面,还是每个元素以某种方式一次加载它们的最终外观,我都同意。

这可能吗?谢谢!

最佳答案

如果你想做,我不推荐,我觉得很烦,用JS或JQuery:
查询:

   $(window).load(function(){
       $('.overlay').fadeOut();
    });

HTML:

<noscript><style>.overlay{display:none;}</style></noscript>
<div class="overlay">Loading...</div>

CSS:

.overlay{
position:fixed;
top:0;
bottom:0;
left:0;
right:0;
background:#222021;
color:white;
z-index:999;
}

当页面加载时,叠加层逐渐消失。

JSFiddle Demo

关于javascript - 立即加载网页而不是分段加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27867301/

上一篇:javascript - 如何在克隆新样式时从 HTML 表中删除三种样式

下一篇:html - 为什么第二个导航移动到第一个导航之上

相关文章:

javascript - Switch 语句 javascript 图像和文本

javascript - 在 jQuery UI 中克隆可拖动对象时,如何将数据和事件传输到新元素?

javascript - jQuery:如何覆盖特定元素的默认方法(即 html、append)?

html - 如何让导航栏元素在 bootstrap 3 中内联显示?

javascript - 不触发显示 block 和 css 转换的解决方法

css - 添加元素时如何使宽度缓慢增长?

javascript - 如何获取 javascript 对象属性的子集

html - 将图像添加到 html 类型的输入复选框或单选框

html - CSS - 头部代码中没有滚动条

javascript - 冲突 - jumbotron vs responsive img