我們知道,在html中,利用<script language="javascript" type="text/javascript" src="./script.js"></script>引入的兩個js是不可以相互調用的。那么該如何解決呢?當然,你可以將代碼通通copy過來,也許你並不喜歡這樣。
例如有這樣一個html,里面有一個按鈕,當按下時調用b.js文件中的方法b()。而b()中又要調用a.js文件中的方法a()。若要實現這個功能,必須注意,將要引入的Js文件代碼放在</body>下面。
首先,我們在html中引入b.js,並在</body>之后加入引用語句。如下:
1<html>
2<body>
3 <input type="button" value="ok" onclick="javascript:b()">
4</body>
5
6<!--這里引用要放在body下面-->
7<script language="JAVASCRIPT" src='b.js'></script>
8
9</html>
b.js文件如下:
1new_element=document.createElement("script");
2new_element.setAttribute("type","text/javascript");
3new_element.setAttribute("src","a.js");// 在這里引入了a.js
4document.body.appendChild(new_element);
5
6function b() {
7 a();
8}
在b.js文件中前4行代碼中我們引入了a.js文件,並在第7行代碼中調用了a.js代碼中的a()方法。
讓我們來分析一下關鍵的幾句代碼:首先,我們利用document.createElement("script")生成了一個script的標簽,設置其type屬性為text/javascript,src為a.js(這里的a.js同b.js放在同一個目錄,也可放在不同的目錄)。最后將這個標簽動態地加入body中。如此一來,我們就可以調用到不同js文件中的方法了。