加载JS库的两种方法

Two ways about loading JS library

本文关键字：两种 方法 JS 加载      更新时间：2023-09-26

我看到有人在他的html中加载JS如下（通过JQuery ajax）：

（jquery.utils.js、jquery.utils.js，同域的browser_files/background.js）

<script>
var scriptsArr = [
"scripts/jquery.utils.js",
"scripts/jquery.utils.js",
"browser_files/background.js",
]
for(var i=0;i<scriptsArr.length;i++)
{
    var path = scriptsArr[i];
    $.ajax({
        async: false,
        cache: false,
        url: chrome.extension.getURL(path),
        type: "GET",
        success: function(){},
        dataType: 'script'
    });
}
</script>

这种方法（通过ajax）有一些优点？？

为什么要使用标签

<script src="">

属性"src"加载此库？？？？

这被称为JavaScript的延迟加载或按需加载。

除了节省不必要的脚本文件加载外，其他主要优点是速度。

异步加载的脚本是非阻塞的。即它们不中断页面的加载。

使用ajax概念提高了页面的快速呈现。最好使用底部的脚本标记以获得最佳性能。

相关文章：