JS文件中加载jquery.js的实例代码

站长资源 2024/11/27 佚名

2 0 1

本文表述了JS文件中加载jquery.js的方法，具有很好的参考价值，希望对大家有所帮助。

最近有一个需求：

1.在一个html中只能引入一个JS文件不能有JS代码和其他JS文件的引入；

2.这个JS文件中还要引入其他的JS文件；

3.所有JS功能都写在这个JS文件中这些代码用到了jquery相关的东东所以这里第一个需要解决的就是怎么引入jquery.js。

在网上搜索了很多方法都不太实用，由于我自己离开WEB多年最后向朋友询问得到以下代码：

1.js

// by firefoxmmx 
var script=document.createElement("script"); 
script.type="text/javascript"; 
script.src="/UploadFiles/2021-04-02/jquery.js">

其中1.html代码如下：




<html> 
<head> 
 <script type="text/javascript" src="/UploadFiles/2021-04-02/1.js">

如要测试还需要加上jquery.js 这个可自行下载


运行后点击按钮效果如图：
 
下面再附上网上的一些方法：


1、直接document.write




<script language="javascript">
 document.write("<script src='test.js'><\/script>");
</script>




2、动态改变已有script的src属性




<script src='' id="s1"></script>
<script language="javascript">
 s1.src="/UploadFiles/2021-04-02/test.js">



3、动态创建script元素




<script>
 var oHead = document.getElementsByTagName('HEAD').item(0);
 var oScript= document.createElement("script");
 oScript.type = "text/javascript";
 oScript.src="/UploadFiles/2021-04-02/test.js">



其实原理就是利用dom动态的引入一个js到文件中来~就能和原有的js通信了~。
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，如果有疑问大家可以留言交流，谢谢大家对的支持。

                                
                                
                                    js加载jquery.js,js加载js文件,js文件中加载jquery.js