引用javascript檔案要包含在script標籤中。以script標籤的src屬性可規定外部JavaScript檔案的路徑,語法「<script type="text/javascript" src="檔案路徑"></script>」。
如何快速入門VUE3.0:進入學習
本教學操作環境:windows10系統、javascript1.8.5版、Dell G3電腦。
引用JavaScript檔案
與CSS檔案一樣,JavaScript程式碼可以存放在獨立的檔案中,以增強JavaScript腳本的可重複呼叫。 JavaScript檔案是一個文字類型的文件,在任何文字編輯器中都可以被開啟和編輯,JavaScript檔案的副檔名為js。
<script> 標籤用於定義客戶端腳本,例如JavaScript。
<script> 元素既可包含腳本語句,也可以透過"src" 屬性指向外部腳本檔案。
引入JavaScript檔案時,可以使用< script >標籤實現,透過該標籤的src屬性指定JavaScript檔案的URL(統一資源定位器)即可。
範例:
新建一個文字文件,另存為test.js,在該文件中書寫一個公共函數,作用是傳回字串的長度
//公共函數:計算字串的實際長度function strlen(str){ var len;//宣告暫存變量,儲存字串的實際長度var i;//宣告循環變數len = 0;//初始化暫存變數len為0 for(i = 0; i < str.length; i++){//循環偵測字串中每個字元if(str.charCodeAt(i) > 255)//如果目前字元為雙位元組字符,+2 len += 2; else //如果目前字符為單字節字符,+1 len++; } return len;//返回實際長度值}
新html文檔,引入test.js。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <!-- 引入外部JavaScript檔案--> <script type="text/javascript" src="test.js" ></script> </head> <script> var str = "JavaScript程式語言"; document.write("<h2>" + str + "</h2>");//輸出變數的值document.write("<p>實際長度=" + strlen(str) + "位元組</p >");//呼叫函數</script> <body> </body> </html>
使用外部JavaScript文件,能夠增強JavaScript模組化開發的程序,並提高程式碼重複使用率。在網頁開發中,使用者應該養成程式碼重用的良好習慣,在編寫JavaScript程式碼時,多使用外部JavaScript文件,這樣能夠提高專案開發的速度和效益。
相關推薦:javascript學習教學
以上就是引用javascript檔案要不要包含在script標籤中的詳細內容,更多請關注php中文網其它相關文章!