JS中跨頁面調(diào)用變量和函數(shù)的方法(例如a.js 和 b.js中互相調(diào)用)
在項目開發(fā)過程中，也許你會遇這樣的情況。
在某一Js文件中需要完成某一功能，但這一功能的大部分代碼在另外一個Js文件中已經(jīng)完成了，自己只需要調(diào)用這個方法再加上幾句代碼就可以實現(xiàn)所需的功能。
我們知道，在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()方法。
讓我們來分析一下關(guān)鍵的幾句代碼：首先，我們利用document.createElement("script")生成了一個script的標簽，設(shè)置其type屬性為text/javascript，src為a.js(這里的a.js同b.js放在同一個目錄，也可放在不同的目錄)。最后將這個標簽動態(tài)地加入body中。如此一來，我們就可以調(diào)用到不同js文件中的方法了。
以上就是小編為大家?guī)淼腏S中跨頁面調(diào)用變量和函數(shù)的方法(例如a.js 和 b.js中互相調(diào)用)全部內(nèi)容了，希望大家多多支持腳本之家~
相關(guān)文章
js操作時間（年-月-日 時-分-秒 星期幾）,需要的朋友可以參考下。2010-06-06
JavaScript中style.left與offsetLeft的使用及區(qū)別詳解
這篇文章主要介紹了JavaScript中style.left與offsetLeft的使用及區(qū)別詳解的相關(guān)資料,非常不錯具有參考借鑒價值，需要的朋友可以參考下2016-06-06
這篇文章主要介紹了js實現(xiàn)點擊煙花特效，幫助大家更好的利用js美化網(wǎng)頁，感興趣的朋友可以了解下2020-10-10
Bootstrap，來自 Twitter，是目前最受歡迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它簡潔靈活，使得 Web 開發(fā)更加快捷。本文給大家介紹BootStrap組件第十章之巨幕頁頭縮略圖和警告框組件 的相關(guān)資料,需要的朋友可以參考下2016-04-04
JavaScript?中的單例內(nèi)置對象Global?與?Math
這篇文章主要介紹了JavaScript?中的單例內(nèi)置對象Global與Math，文章圍繞主題展開詳細的內(nèi)容介紹，具有一定的參考價值，需要的小伙伴可以參考一下2022-07-07
用js實現(xiàn)計算代碼行數(shù)的簡單方法附代碼
用js實現(xiàn)計算代碼行數(shù)的簡單方法附代碼...2007-08-08
A標簽觸發(fā)onclick事件而不跳轉(zhuǎn)的多種解決方法
一個標簽僅僅是要觸發(fā)onclick行為，遇到了A標簽觸發(fā)onclick事件時不執(zhí)行跳轉(zhuǎn)，下面與大家分享下四種解決方法，感興趣的朋友可以參考下哈2013-06-06
聽說這是一道騰訊的面試題,可能網(wǎng)上已經(jīng)有不少答案了,晚上沒事看到這道題就自己做了下,下面這篇文章主要給大家介紹了關(guān)于如何用Js寫一個簡單的五子棋小游戲的相關(guān)資料,需要的朋友可以參考下2022-07-07
這篇文章主要介紹了使用JavaScript計算前一天和后一天的思路，代碼簡單易懂，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2019-12-12
JavaScript中的數(shù)組遍歷forEach()與map()方法以及兼容寫法介紹
下面小編就為大家?guī)硪黄狫avaScript中的數(shù)組遍歷forEach()與map()方法以及兼容寫法介紹。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05