引用javascript文件要包含在script標簽中。用script標簽的src屬性可規(guī)定外部JavaScript文件的路徑,語法“<script type="text/javascript" src="文件路徑"></script>”。
本教程操作環(huán)境:windows10系統(tǒng)、javascript1.8.5版、Dell G3電腦。
引用javascript文件要不要包含script標簽
引用JavaScript文件
與CSS文件一樣,JavaScript代碼可以存放在獨立的文件中,以增強JavaScript腳本的可重復調(diào)用。JavaScript文件是一個文本類型的文件,在任何文本編輯器中都可以被打開和編輯,JavaScript文件的擴展名為js。
<script> 標簽用于定義客戶端腳本,比如 JavaScript。
<script> 元素既可包含腳本語句,也可以通過 "src" 屬性指向外部腳本文件。
引入JavaScript文件時,可以使用< script >標簽實現(xiàn),通過該標簽的src屬性指定JavaScript文件的URL(統(tǒng)一資源定位符)即可。
示例:
新建一個文本文件,另存為test.js,在該文件中書寫一個公共函數(shù),作用是返回字符串的長度
//公共函數(shù):計算字符串的實際長度 function strlen(str){ var len;//聲明臨時變量,存儲字符串的實際長度 var i;//聲明循環(huán)變量 len = 0;//初始化臨時變量len為0 for(i = 0; i < str.length; i++){//循環(huán)檢測字符串中每個字符 if(str.charCodeAt(i) > 255)//如果當前字符為雙字節(jié)字符,+2 len += 2; else //如果當前字符為單字節(jié)字符,+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) + "字節(jié)</p>");//調(diào)用函數(shù) </script> <body> </body> </html>
使用外部JavaScript文件,能夠增強JavaScript模塊化開發(fā)的程序,提高代碼重用率。在網(wǎng)頁開發(fā)中,用戶應該養(yǎng)成代碼重用的良好習慣,在編寫JavaScript代碼時,多使用外部JavaScript文件,這樣能夠提高項目開發(fā)的速度和效益。