如何在另一个 javascript 文件中包含 jquery [重复]

Posted 2023-02-22

【中文标题】如何在另一个 javascript 文件中包含 jquery [重复]

【英文标题】：how to include jquery in another javascript file [duplicate]

【发布时间】：2011-11-21 17:53:52

【问题描述】：

我有一个 javascript 文件，我想在这个 js 文件中包含 jquery。你有什么建议吗？

【问题讨论】：

这个***.com/questions/5577771/…怎么样

因为，我想在我的 javascript 文件中使用 jquery 库。你知道另一种方法吗？

【参考方案1】：

var jq = document.createElement("script");

jq.addEventListener("load", proceed); // pass my hoisted function
jq.src = "//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js";
document.querySelector("head").appendChild(jq);

function proceed () 
    // jQuery load complete, do your magic

【参考方案2】：

如果您想将 js 文件包含到 js 文件中... javascript 没有类似包含功能的功能，但您可以使用 ajax 请求加载文件或使用 js 将脚本标签添加到 html。看看下面的链接，真的很有趣！

How do I include a JavaScript file in another JavaScript file?

【参考方案3】：

我建议你在你的 java 脚本库中使用一行代码。

document.write("Script/jquery.min.js'></script>");

借助此功能，您无需在页面上添加两个文件的引用。

【参考方案4】：

在包含您自己的 JavaScript 之前，只需包含 jQuery 的 JavaScript：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script src="path/to/your/script.js"></script>

虽然其他人建议简单地将 jQuery 复制并粘贴到您自己的 JavaScript 文件中，但最好将 jQuery 与规范源分开包含，因为这将允许您利用浏览器和中间服务器为此所做的缓存文件。

【讨论】：

遗憾的是，这对我不起作用，使用链 [main webpage ->includes [work_app.php -> includes jQuery.js + another.js]] jQuery 永远不会及时加载，是的，我的脚本包含在 jquery include 下面。

如果加载jquery耗时过长，script.js中的代码不会在jquery加载完成之前就开始执行吗？

@RozzA ，您的脚本标签是否具有“异步”或“延迟”属性？如果不是，那么脚本应该按照它们出现在页面上的顺序加载/执行。如果他们确实使用“异步”和“延迟”，那么您可以让 JavaScript 监听脚本事件并在其他脚本完成加载/执行后触发执行。

【参考方案5】：

只需合并文件。

cat jquery.js >> a_javascript_file.js

或者，因为您可能首先需要 jQuery：

cat a_javascript_file.js jquery.js > tmp.js;
mv tmp.js a_javascript_file.js