在HTML加载之前应用JS层

Question

我有一个.html加载到客户端。在它上面，jQuery做了一些修改。

问题是该页面分两步加载：首先是原始的.html，然后是一小段时间后，修改后的.html。

这种方法会引起混乱。有没有办法只在JavaScript对其起作用时显示.html？

Answer 1

如果你必须这样做，那么这样的事情：

使用Javascript：

$(document).ready(function(){
    myfunction();
    $("#wrapper").show();
}

CSS：

div#wrapper{ display: none; }

HTML：

<div id="wrapper">
  <!-- my page stuff that i dont want to be jerky -->
</div>

但是，我会建议您在生成之前找到将样式/数据应用于页面的方法（例如，使用PHP，ASP等），

Answer 2

您可以使用CSS设置要更改的部分的默认属性，如果这些是样式更改而不是HTML更改。

您还可以使用jQuery的.load（）来重新加载页面片段而不是整个页面。

或者，使用css设置body { display: none; }并使用(document).ready()设置为$('body').show()。