在一個js檔案中引入另一個js檔案

luxika發表於2012-03-23
在一個js檔案中引入另一個js檔案
第一個js檔案(被引入的js檔案),檔名one.js,內容如下
function alertInOne(){
alert('in one');
}
第二個js檔案,檔名two.js,內容如下
//注意這個地方
document.write("<script language='javascript' src='one.js'></script>");
function alertInTwo(){
alert("in Two");
}
呼叫的html檔案,只需要引入two.js,就能引入one.js了
<script language='javascript' src="two.js"></script>
<script language="javascript">
alertInOne();
alertInTwo();
</script>
應用場合:
在平時開發的時候,我們都會有一些js檔案的積累,大部份場合是不需要重新寫的。
但我們會把js檔案的功能儘可能的細分,以便引入的時候不引入無用的程式碼,但這樣造成的問題是在jsp檔案
中要寫大量的這樣的句子
<script language='javascript' src="two.js" charset="utf-8"></script>
如果你有100個jsp檔案,都用到10個js檔案,這個時候每個jsp檔案寫10句引入,這個是個麻煩的事情
現在,通過js檔案的引入可以解決這個問題。定義一個js檔案用來引入一些組合,jsp檔案則只需要引入1個
這樣的js檔案就可以了。js程式碼少了100*99行

另外引入的js檔案時候最好加上charset,特別是你的js檔案有非英文,數字的時候。
事例的程式碼下載:http://www.blogjava.net/Files/dreamstone/importJs.rar

相關文章