引用 JavaScript 外部腳本的正確做法如下:
在 HTML 文件中,使用 script 標(biāo)簽引入外部 JavaScript 文件:
<!DOCTYPE html>
<html>
<head>
<title>示例</title>
<!-- 引入外部 JavaScript 文件 -->
<script src="example.js"></script>
</head>
<body>
<!-- 頁(yè)面內(nèi)容 -->
</body>
</html>
在 src 屬性中指定 JavaScript 文件的路徑(相對(duì)路徑或絕對(duì)路徑),瀏覽器會(huì)自動(dòng)下載并解析這個(gè) JS 文件。請(qǐng)注意,引入的 JS 文件需要放在 head 或 body 標(biāo)簽中,通常是在 head 中引入。
在外部 JavaScript 文件中編寫腳本代碼:
// example.js
alert("Hello World!");
在外部 JS 文件中編寫的代碼將會(huì)在 HTML 文件中調(diào)用時(shí)執(zhí)行。
使用外部 JavaScript 文件的好處包括:
可以避免在 HTML 文件中混雜大量的 JavaScript 代碼,使 HTML 文件更加簡(jiǎn)潔易讀。
可以實(shí)現(xiàn)代碼的重用,多個(gè) HTML 文件可以共用同一個(gè) JS 文件。
可以方便地維護(hù) JavaScript 代碼,修改 JS 文件后,所有引用該文件的 HTML 文件都會(huì)受到影響。
總之,引用外部 JavaScript 文件是使用 JavaScript 的標(biāo)準(zhǔn)方式,也是一個(gè)非常好的編程習(xí)慣。