首頁  >  文章  >  web前端  >  JavaScript進階(二)在一個JS檔引用另一個JS文件

JavaScript進階(二)在一個JS檔引用另一個JS文件

黄舟
黄舟原創
2017-02-11 14:36:242253瀏覽

在一個JS檔案中引用另一個JS檔案

方法一

      在呼叫檔案的頂部加入下例程式碼:

      document.write(”<script language=javascript src=&#39;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);


我們來分析一下關鍵的幾句程式碼:請問script的標籤,設定其 type屬性為text/javascript,src為import.js(這裡的1.js同2.js放在同一個目錄,也可放在不同的目錄)。最後將這個標籤動態 地加入body。如此一來,我們就可以呼叫到不同js檔案中的方法了。

      注意:<script></script>一定要放在body下面。因為在2.js中用到了body(document.body.appendChild(new_element);)如果將引如2.js的程式碼放在body上面,也就是說,進入頁面後,還沒產生body就已經執行b .js裡的document.body.appendChild(new_element);了。這時body不存在就會丟出javascript錯誤。

以上就是JavaScript進階(二)在一個JS檔案中引用另一個JS檔案的內容,更多相關內容請關注PHP中文網(www.php.cn)!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn