代码之家 › 专栏 › 技术社区 › Borja

添加外部js文件的最佳和最快方法:在head上追加还是使用$.getscript()?

performance ajax jquery javascript

Borja · 技术社区 · 7 年前

我想知道,对于性能来说,使用 $.getScript() head .

var s = document.createElement("script");
s.type = "text/javascript";
s.src = "file.js";
$("head").append(s);

使用Jquery/Ajax

$.getScript("file.js");

我也试过这个方法,但没用。。。

jQuery.ajax({               
  url: "file.js",
  dataType: "script"
});

1 回复 | 直到 7 年前

minitauros 7 年前

这取决于加载脚本的时间。默认情况下,中的所有脚本 <head> 将阻止页面的呈现,除非 async 属性设置在它们上,例如。 <script src="script.js" async>

这个 异步 <script> 标记只会告诉浏览器不要中断解析和呈现过程来加载脚本。

<头部> 调用没有 异步 属性,该脚本将添加一个新的 <脚本> <头部> <脚本> 在你的 <头部> 从一开始。

</html> 结束标记。如果你包括一个 < 标记,则该脚本将在所有HTML被解析后加载,这对于需要执行之前等待很长时间的脚本来说通常更好。

$.getScript() 财产会比这更快。如果与 defer

推荐文章

James Williams · 如何在单击按钮时刷新div内容

3 年前

Atif Rizwan · 调用节点。使用AJAX的独立HTML文件的js API

4 年前

Mehmet · javascript执行了多个

4 年前

Shijil · 尝试在Jquery PHP搜索代码中添加选择标记功能

4 年前

Parker · 如何使表格行的单元格项加粗n秒?

4 年前

Chris J. · ajax获取查找数据属性值的请求

4 年前

GauravSolo · 在columndef datatable jquery中使用响应数据

4 年前

Hassaan Iqbal · 点击按钮打开网站,无需重新加载整个页面(AJAX)

4 年前

estudiante · 如何调用在tensorflow中运行的模型,该模型由ajax中的docker提供服务?

4 年前

Pedro F · Ajax调用后脚本运行不正常

4 年前