網頁引入使用js檔案的幾種方式

admin發表於2017-03-28

在網頁引入js檔案的方式有多種多樣,當然需要根據實際的需求來選擇最恰當的方式。

下面就介紹一下比較常用的幾種方式。

一.直接引入到網頁:

[HTML] 純文字檢視 複製程式碼
<script src="antzone.js"></script>
<script src="softwhy.js"></script>

二.動態寫入頁面:

[JavaScript] 純文字檢視 複製程式碼
document.write('<script src="antzone.js"></script>')
document.write('<script src="softwhy.js"></script>')

三.動態建立新增:

[JavaScript] 純文字檢視 複製程式碼
function include(path){ 
  var a=document.createElement("script"); 
  a.type = "text/javascript"; 
  a.src=path; 
  var head=document.getElementsByTagName("head")[0]; 
  head.appendChild(a); 
} 
include("antzone.js")
include("softwhy.js")

四.js模組化程式設計:

require.js的方法實現引入效果。

相關文章