一個Js文件函數(shù)中調(diào)用另一個Js文件函數(shù)的方法演示
我們知道,在html中,利用<script language="javascript" type="text/javascript" src="./script.js"></script>引入的兩個js是不可以相互調(diào)用的。那么該如何解決呢?當然,你可以將代碼通通copy過來,也許你并不喜歡這樣。
例如有這樣一個html,里面有一個按鈕,當按下時調(diào)用b.js文件中的方法b()。而b()中又要調(diào)用a.js文件中的方法a()。若要實現(xiàn)這個功能,必須注意,將要引入的Js文件代碼放在</body>
下面。
首先,我們在html中引入b.js,并在</body>之后加入引用語句。如下:
<html> <body> <input type="button" value="ok" onclick="javascript:b()"> </body> <!--這里引用要放在body下面--> <script language="JAVASCRIPT" src='b.js'></script> </html>
b.js文件如下:
new_element=document.createElement("script"); new_element.setAttribute("type","text/javascript"); new_element.setAttribute("src","a.js");// 在這里引入了a.js document.body.appendChild(new_element); function b() { a(); }
在b.js文件中前4行代碼中我們引入了a.js文件,并在第7行代碼中調(diào)用了a.js代碼中的a()方法。
讓我們來分析一下關鍵的幾句代碼:首先,我們利用document.createElement("script")
生成了一個script的標簽,設置其type屬性為text/javascript,src為a.js(這里的a.js同b.js放在同一個目錄,也可放在不同的目錄)。最后將這個標簽動態(tài)地加入body中。如此一來,我們就可以調(diào)用到不同js文件中的方法了。
補充(詳解)
方法一,在調(diào)用文件的頂部加入下例代碼:
document.write(”<script language=javascript src='/js/2.js'><\/script>”);
方法二:在將下邊代碼放入Body中:
new_element=document.createElement(”script”); new_element.setAttribute(”type”,”text/javascript”); new_element.setAttribute(”src”,”2.js”); document.body.appendChild(new_element);
我們來分析一下關鍵的幾句代碼:
首先,我們利用document.createElement(”script”)生成了一個script的標簽,設置其 type屬性為text/javascript,src為2.js(這里的1.js同2.js放在同一個目錄,也可放在不同的目錄)。最后將這個標簽動態(tài) 地加入body中。如此一來,我們就可以調(diào)用到不同js文件中的方法了。
注意:<script language=”JAVASCRIPT” src='1.js'></script>一定要放在body下面。
因為在2.js中用到了body(document.body.appendChild(new_element);)
如果將引如2.js的代碼放在body上面,也就是說,
進入頁面后,還沒有生成body就已經(jīng)執(zhí)行b.js里的document.body.appendChild(new_element);了。
這時body不存在就會拋javascript錯誤。
好了以上就是小編為大家整理的一個Js文件函數(shù)中調(diào)用另一個Js文件函數(shù)的方法的內(nèi)容了。希望對大家的學習有所幫助,也希望大家繼續(xù)支持腳本之家~
相關文章
實用又漂亮的BootstrapValidator表單驗證插件
這篇文章主要為大家詳細介紹了好用又漂亮的BootstrapValidator表單驗證插件,感興趣的小伙伴們可以參考一下2016-05-05JavaScript學習教程之cookie與webstorage
這篇文章主要給大家介紹了關于JavaScript學習教程之cookie與webstorage的相關資料,文中通過示例代碼介紹的非常詳細,對大家學習或者使用JavaScript具有一定的參考學習價值,需要的朋友們下面來一起學習學習吧2019-06-06javascript 循環(huán)調(diào)用示例介紹
循環(huán)調(diào)用,如果已經(jīng)獲取到了結果,則退出循環(huán),下面有個不錯的示例,感興趣的朋友可以嘗試操作下2013-11-11javascript 函數(shù)調(diào)用的對象和方法
探討一個js基礎理論的話題,也許在技巧應用上對你沒有太大的幫助,但也許會給你帶來一些啟發(fā)。2010-07-07