JS文件中加载jquery.js(JS文件添加其他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="jquery.js";
document.getElementsByTagName('head')[0].appendChild(script);
setTimeout(function(){
$(document).ready(function(){$("#bt").click(function(){alert('Hello World');});
});
},100);
其中1.html代码如下:
<html>
<head><script type="text/javascript" src="1.js"></script>
</head>
<body>
<input type="button" id="bt" value="Click" />
</body>
</html>
如要测试还需要加上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="test.js" </script>3、动态创建script元素 <script>var oHead = document.getElementsByTagName('HEAD').item(0);var oScript= document.createElement("script");oScript.type = "text/javascript";oScript.src="test.js";oHead.appendChild( oScript); </script> 其实原理就是利用dom动态的引入一个js到文件中来~就能和原有的js通信了~
JS文件中加载jquery.js(JS文件添加其他JS文件)相关推荐
- VC从文件中加载图片
用MFC做GDI开发的朋友肯定熟悉CBitmap类,该类封装了HBITMAP对象,简化了关于HBITMAP的API操作,如LoadBitmap方法可直接加载资源中指定ID的图片,但是很多情况下我们需要 ...
- 《R数据可视化手册》一1.4 从Excel文件中加载数据
本节书摘来自异步社区<R数据可视化手册>一书中的第1章,第1.4节,作者 [美]Winston Chang,更多章节内容可以访问云栖社区"异步社区"公众号查看 1.4 ...
- [WM C++]从资源文件中加载显示png/jpg图片
一. 实现代码 void DrawImage(HDC hdc,RECT& rc,UINT nIDResource,CString lpType) { HINSTANCE hInst = ...
- js文件中加载其他js文件
1:使用sea.js等第三方库进行加载: 2:工程化前端项目使用import即可 3:非工程化前端: 参照html文件引入js的方式,可以通过动态添加script标签实现js文件的异步加载,代码如下: ...
- 在HTML文件中加载js
js加载只分为两种: 1.全局js,放在<head>标签里面,整个页面很多都用到的,它是优先加载的. 2.局部js,放在</html>结束标签以内的任何位置,它是第二加载的. ...
- oracle dbms lob,如何使用DBMS_LOB从文件中加载CLOB数据
BFILE包含二进制数据,所以当通过BFILE方式加载数据到CLOB/NCLOB时,Oracle不进行字符集转化. 如果字符集是可变长的,例如UTF-8或ZHS16GBK,Oracle使用UCS2存储 ...
- silverlight beet - 从xap文件中加载图片
xaml写法: <Image x:Name="xImage" Stretch="Uniform" Source="/pic;component ...
- Three.js Vue 如何加载字体,和遇到问题解决: 中加载字体的问题 Uncaught SyntaxError: Unexpected token = in JSON at position 0
Three.js Vue 中加载字体的问题 Uncaught SyntaxError: Unexpected token = in JSON at position 0 一.转换字体文件到 json ...
- 导入Java文件还是class文件_java程序运行的时候,是把所有的class文件都加载到内存吗?还是用的什么加载什么?...
这一块还没有深入了解,不敢误人子弟. 我知道的,虚拟机在运行的时候,会预先加载一个常用的class,比如java.lang包下面的. 至于你在程序中自己引用的class文件/jar包之类的,是有一个加 ...
最新文章
- BZOJ5089 最大连续子段和(分块)
- 2021-01-07 matlab数值分析 矩阵特征值与特征向量的计算 改进乘幂法 反幂法
- 吴恩达机器学习笔记——第一章
- 2020年8个效率最高的爬虫框架
- nfc加密卡pm3和pm5区别_小米手环4/5 NFC添加加密门禁
- springsecurity中session失效后怎样处理_结合Spring Security进行web应用会话安全管理
- Compilation Error 解决方案汇集
- MongoDB快速入门(五)- Where子句
- 社会治理智慧平台、联动指挥、综合执法、数据汇集、数据研判、智慧政务、图表模板、大屏、可视化、智慧工厂、办公、能源、医疗、校园、自动化综合车间大屏、车间数据、人力资源、员工考核、医院、rp原型
- java大津法确定阈值,大津法得到自适应阈值
- Spark SQL External DataSource外部数据源操作流程
- 未定义标识符_ConnectionPtr
- 【排列组合】只上代码不解释
- 简单循迹小车实验心得_简单循迹小车的制作
- Win10如何取消开机密码?Win10取消开机密码步骤
- 计算机网络WAN接口,无线路由器WAN口连接类型如何选择【详细介绍】
- 快速微信群内接龙统计避免刷屏
- 2017-5-11 公司客户考察篇
- 2021华数杯C题优秀论文思路分析01
- Xcode4.6发布了
热门文章
- IT兄弟连 JavaWeb教程 JSON和JSON字符串
- 10行代码-原生JS双向数据绑定演示
- 炒冷饭系列:设计模式 装饰模式
- Android开发--List与ArrayList区别
- Linux内核——进程管理与调度
- INFO ipc.Client:Retrying connect to server 9000
- 系统调优一之内存子系统
- 算法课题(一) 贪心算法
- winform运行时如何接受参数?(示例)
- Kubernetes - - k8s - v1.12.3 动态存储管理GlusterFS及使用Heketi扩容GlusterFS集群