原文鏈接：http://blog.csdn.net/whatday/article/details/39553451
最近有一個需求：
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通信了~