如何在JS文件中添加jQuery
如何在JS文件中添加jQuery
提问于 2009-07-16 21:25:31
我有一些特定于排序表的代码。由于代码在大多数页面中都很常见，因此我想创建一个JS文件，其中将包含代码，并且所有使用它的页面都可以从那里引用它。
问题是:如何在.js文件中添加jQuery和表分类器插件？
我尝试了这样的东西：
document.writeln('<script src="/javascripts/jquery.js" type="text/javascript"></script>');
document.writeln('<script type="text/javascript" src="/javascripts/jquery.tablesorter.js"></script>');但这似乎行不通。
做这件事最好的方法是什么？
回答 15
Stack Overflow用户
发布于 2009-07-16 21:31:12
var script = document.createElement('script');
script.src = 'https://code.jquery.com/jquery-3.4.1.min.js';
script.type = 'text/javascript';
document.getElementsByTagName('head')[0].appendChild(script);Stack Overflow用户
发布于 2011-06-29 12:56:48
如果您想包含来自另一个JS文件的jQuery代码，这应该可以做到这一点：
我的HTML文件中包含以下内容：
<script src="jquery-1.6.1.js"></script>
<script src="my_jquery.js"></script>我创建了一个单独的my_jquery.js文件，其中包含以下内容：
$(document).ready(function() {
$('a').click(function(event) {
event.preventDefault();
$(this).hide("slow");
});
});Stack Overflow用户
发布于 2016-04-01 04:24:22
/* Adding the script tag to the head as suggested before */
var head = document.getElementsByTagName('head')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = "http://code.jquery.com/jquery-2.2.1.min.js";
// Then bind the event to the callback function.
// There are several events for cross browser compatibility.
script.onreadystatechange = handler;
script.onload = handler;
// Fire the loading
head.appendChild(script);
function handler(){
console.log('jquery added :)');
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/1140402
复制相关文章
相似问题