Js文件中調用其它Js函數的方法


我們知道,在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文件中的方法了。

出處:http://java.chinaitlab.com/ServletJsp/806477.html


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM