javascript - 当您在已加载脚本标签或 jquery getScript 时调用它时,它是否会双重加载?

标签 javascript jquery html

我只是想知道 script 标签和 jquery getScript 是如何工作的。假设脚本文件已加载或正在加载过程中。然后我动态插入脚本标签或调用 getScript 来加载相同的脚本文件。它会自动知道脚本已经存在并且不会再次加载它,还是会再次加载它?

最佳答案

给出这个 HTML:

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <title>Script Check</title>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
        <script>
            $.getScript("https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js");
        </script>
    </head>
    <body>
        Check the Network Log.
    </body>
</html>

我们可以看到它再次加载的网络选项卡,因为 jQuery 和浏览器都无法猜测 URL 是否已经加载。

所以 jQuery 被加载了两次,这不是一个好兆头。 JK

关于javascript - 当您在已加载脚本标签或 jquery getScript 时调用它时,它是否会双重加载?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34359164/

相关文章:

javascript - AJAX 发布成功但 PHP 没有响应

javascript - 如何通过 Jquery 和 ajax 从响应中下载 JSON 文件

javascript - 显示隐藏的 div 时页面向右移动

html - Bootstrap Navbar 卡在移动设备上

html - Bootstrap 3 列在折叠时排序

javascript - 选择下拉列表中的某些值时取消选中复选框

javascript - 当输入具有范围指令时,Angularjs 绑定(bind)问题

javascript - Kendo UI Grid 多层层次结构(n-levels of hierarchy)

javascript - 如何从 JavaScript 中的 URL 中删除 'http://'

javascript - 如何在 Bootstrap 中通过触摸(或鼠标)在幻灯片中启用滑动图像?