一個(gè)Js文件函數(shù)中調(diào)用另一個(gè)Js文件函數(shù)的方法演示
我們知道，在html中，利用<script language="javascript" type="text/javascript" src="./script.js"></script>引入的兩個(gè)js是不可以相互調(diào)用的。那么該如何解決呢？當(dāng)然，你可以將代碼通通copy過(guò)來(lái)，也許你并不喜歡這樣。
例如有這樣一個(gè)html，里面有一個(gè)按鈕，當(dāng)按下時(shí)調(diào)用b.js文件中的方法b()。而b()中又要調(diào)用a.js文件中的方法a()。若要實(shí)現(xiàn)這個(gè)功能，必須注意，將要引入的Js文件代碼放在</body>下面。
首先，我們?cè)趆tml中引入b.js，并在</body>之后加入引用語(yǔ)句。如下：
<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()方法。
讓我們來(lái)分析一下關(guān)鍵的幾句代碼：首先，我們利用document.createElement("script")生成了一個(gè)script的標(biāo)簽，設(shè)置其type屬性為text/javascript，src為a.js(這里的a.js同b.js放在同一個(gè)目錄，也可放在不同的目錄)。最后將這個(gè)標(biāo)簽動(dòng)態(tài)地加入body中。如此一來(lái)，我們就可以調(diào)用到不同js文件中的方法了。
補(bǔ)充（詳解）
方法一，在調(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);
我們來(lái)分析一下關(guān)鍵的幾句代碼：
首先，我們利用document.createElement(”script”)生成了一個(gè)script的標(biāo)簽，設(shè)置其 type屬性為text/javascript，src為2.js(這里的1.js同2.js放在同一個(gè)目錄，也可放在不同的目錄)。最后將這個(gè)標(biāo)簽動(dòng)態(tài) 地加入body中。如此一來(lái)，我們就可以調(diào)用到不同js文件中的方法了。
注意：<script language=”JAVASCRIPT” src='1.js'></script>一定要放在body下面。
因?yàn)樵?.js中用到了body（document.body.appendChild(new_element);）
如果將引如2.js的代碼放在body上面，也就是說(shuō)，
進(jìn)入頁(yè)面后，還沒(méi)有生成body就已經(jīng)執(zhí)行b.js里的document.body.appendChild(new_element);了。
這時(shí)body不存在就會(huì)拋javascript錯(cuò)誤。
好了以上就是小編為大家整理的一個(gè)Js文件函數(shù)中調(diào)用另一個(gè)Js文件函數(shù)的方法的內(nèi)容了。希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家繼續(xù)支持腳本之家~
相關(guān)文章
實(shí)用又漂亮的BootstrapValidator表單驗(yàn)證插件
這篇文章主要為大家詳細(xì)介紹了好用又漂亮的BootstrapValidator表單驗(yàn)證插件，感興趣的小伙伴們可以參考一下2016-05-05
JS中把字符轉(zhuǎn)成ASCII值的函數(shù)示例代碼
這篇文章主要是對(duì)JS中把字符轉(zhuǎn)成ASCII值的函數(shù)示例代碼進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-11-11
關(guān)于小程序優(yōu)化的一些建議(小結(jié))
JavaScript學(xué)習(xí)教程之cookie與webstorage
javascript 循環(huán)調(diào)用示例介紹
javascript 函數(shù)調(diào)用的對(duì)象和方法