HTML 指令碼
script
元素用於在 HTML 文件中嵌入或引用JavaScript,以新增互動性或影響網頁的行為。
客戶端指令碼
客戶端指令碼是指由使用者的 Web 瀏覽器執行的計算機程式的型別。JavaScript 是 Web 上最流行的客戶端指令碼語言。
JavaScript 的常見用途是表單驗證,生成彈出警報框訊息、建立相簿、內容的動態更改等。
將指令碼新增到 HTML 文件
<script>
元素用於定義客戶端指令碼。
以下示例中的指令碼編寫 Hello World!
到 HTML 輸出:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Embedded JavaScript Example</title>
</head>
<body>
<script type="text/javascript">
document.write("Hello World!");
</script>
</body>
</html>
提示: 理想情況下,指令碼應放在頁面底部,因為指令碼會阻止並行下載。這將使你的網頁載入速度更快。
呼叫外部指令碼
你還可以將指令碼放在單獨的檔案中,然後通過 HTML 文件中的 src
屬性呼叫該檔案。如果你希望多個文件可以使用相同的指令碼,這將非常有用 - 它可以避免你反覆重複執行相同的任務,並使你的網站更易於維護。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>External JavaScript Example</title>
</head>
<body>
<script type="text/javascript" src="hello.js"></script>
</body>
</html>
HTML noscript 元素
<noscript>
元素用於為在瀏覽器中禁用指令碼或具有不支援客戶端指令碼的瀏覽器的使用者提供備用內容。
noscript
元素可以包含你在普通 HTML 頁面元素中在 <body>
包含的所有 HTML 元素。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>No-script Example</title>
</head>
<body>
<script type="text/javascript">
document.write("Hello World!");
</script>
<noscript>
<p>Sorry, your browser does not support JavaScript!</p>
</noscript>
</body>
</html>
**注意:**僅當指令碼不受支援或在使用者的瀏覽器中禁用時,才會顯示 noscript
元素內的內容。