Question

我的网页上主要是基本的HTML。有一个部分我使用JavaScript从外部源（url）加载RSS源。问题是我的页面会加载所有内容直到该脚本，等待脚本加载（有时最多几秒），然后加载页面的其余部分。

如何在首先渲染整个页面后强制它加载脚本？

我的代码是这样的：

<html>
<more html>
<script language="JavaScript" src="http://..." type="text/javascript"></script>
<more html>
...

Answer 1

两个选项：

将您的脚本块放在页面的末尾。无论如何，这是一种很好的做法，因为您的页面结构将在用于操作它的脚本之前加载。由于用户通常会注意到页面加载而不是脚本，因此整体上会出现更快的负载。
在开始defer标记中加入script属性。请注意，defer只能用于外部脚本文件（具有src属性的脚本文件）。见https://developer.mozilla.org/en-US/docs/HTML/Element/script。

Answer 2

将 defer 属性添加到头部的 script 标签也有效

<script language="JavaScript" src="http://..." type="text/javascript" defer></script>

Answer 3

在页面加载后加载脚本的一种非常可靠的方法是写出脚本包含在javascript中。

var theScript = document.createElement("script");
theScript.setAttribute("type","text/javascript");
theScript.setAttribute("src","//www.mysite.com/script.js");
document.getElementsByTagName("head")[0].appendChild(theScript);

Answer 4

将脚本标记移动到最后，它将在其他所有内容之后加载。例如：

<html>
  <more html>
  <more html>
  <script language="JavaScript" src="http://..." type="text/javascript"></script>
</html

Answer 5

您可以尝试将调用提要的函数包装在

中

jQuery(window).load(function(){
//embed RSS feed 
});

强制其最后加载。

如何在网页上最后加载脚本？

5 个答案: