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

网络编程 2024/9/26 佚名

3 1 2

本文表述了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 
                                华山资源网 Design By www.eoogi.com

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

华山资源网 Design By www.eoogi.com

评论“JS文件中加载jquery.js的实例代码”

暂无评论...

P70系列延期，华为新旗舰将在下月发布

3月20日消息，近期博主@数码闲聊站透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。

而博主@定焦数码爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。

更新日志

2024年09月26日

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

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

关于js的三种使用方式（行内js、内部js、外部js）的程序代码

评论“JS文件中加载jquery.js的实例代码”

P70系列延期，华为新旗舰将在下月发布

更新日志

友情链接