网络编程 
首页 > 网络编程 > 浏览文章

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

(编辑：jimmy 日期: 2025/3/20 浏览：3 次 )

本文表述了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 这个可自行下载




运行后点击按钮效果如图：


 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通信了~。


以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，如果有疑问大家可以留言交流，谢谢大家对的支持。


            

           
            上一篇：JavaScript生成指定范围随机数和随机序列的方法

            下一篇：关于js的三种使用方式（行内js、内部js、外部js）的程序代码
一句话新闻
高通与谷歌联手！首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布，推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中，全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前，搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世，有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示，此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。