Question

如何首先加载/渲染HTML / CSS然后Javascript？在网站/网络应用程序的页面上？

因为javascript，页面加载看起来不应该很慢。我读到了defer和async，但对此主题并不太清楚。是保持javascript足够低吗？

我想首先加载html / css，因为我添加的javascript用于进一步的交互。

例如，我有一个使用javascript做某事的buttton。我想仅在用户点击/按下该按钮时才关联javascript文件。

我不想预加载JavaScript，因为没有必要在需要之前使用它

Answer 1

取决于你在说什么。如果您正在讨论页面中的javascript，请将其放在页面底部。如果您指的是加载外部库，您可以使用javascript动态地执行此操作。

<script type="text/javascript">
   var hed = document.getElementsByTagName('HEAD').item(0);
    var scrpt = document.createElement("script");

    scrpt.type = "text/javascript";
    scrpt.src = "scriptsource.js";

    hed.appendChild(scrpt);
</script>

有关详情，请访问：http://ntt.cc/2008/02/10/4-ways-to-dynamically-load-external-javascriptwith-source.html

修改

您可以将JS置于onload事件Javascript that executes after page load
之内

Answer 2

您还可以使用此Jquery代码首先加载页面上的HTML。这将确保HTML适用于加载javascript。

$(document).ready(function() { // your code here });

Answer 3

只需将<script>代码移至页面底部，就在结束</body>代码

之前

如何首先加载/渲染HTML / CSS然后Javascript（只有在必要时）？

3 个答案: