在一個JS文件中引用另外一個JS文件
方法一,在調用文件的頂部加入下例代碼:
document.write(」<script language=javascript src=’/js/import.js’></script>」);
(注:有時你引用的文件還可能須要引用其餘的js,咱們須要將須要的那個js文件也以一樣的方法引用進來)
方法二,經過中間界面對js進行應用
就是咱們能夠在某個html中引用了你須要的js文件,咱們能夠經過拿到那個html文件的對象,而後在經過這個對象去引用js的方法。
(通常不經常使用,這個在我作項目的時候用過一次)
方法三:在將下邊代碼放入Body中:
new_element=document.createElement(」script」);
new_element.setAttribute(」type」,」text/javascript」);
new_element.setAttribute(」src」,」import.js」);
document.body.appendChild(new_element);
咱們來分析一下關鍵的幾句代碼:
首先,咱們利用document.createElement(」script」)生成了一個script的標籤,設置其 type屬性爲text/javascript,src爲import.js(這裏的1.js同2.js放在同一個目錄,也可放在不一樣的目錄)。最後將這個標籤動態 地加入body中。如此一來,咱們就能夠調用到不一樣js文件中的方法了。
注意:<script language=」JAVASCRIPT」 src=’1.js’></script>必定要放在body下面。
由於在2.js中用到了body(document.body.appendChild(new_element);)
若是將引如2.js的代碼放在body上面,也就是說,
進入頁面後,尚未生成body就已經執行b.js裏的document.body.appendChild(new_element);了。
這時body不存在就會拋javascript錯誤。
(說明:從網上轉載加了一些本身的總結和方法)