HTML Script Type 屬性的使用
Mehvish Ashiq
2023年1月30日
2022年5月10日
本教程介紹如何使用 HTML 指令碼 type
屬性。你也可以將其稱為 JavaScript MIME(多用途 Internet 郵件擴充套件)type
。
在此之前,有必要知道使用 type
屬性的原因。它表明文件的格式和性質。
我們也可以說它代表指令碼的型別,application/javascript
(預設值)或 application/ecmascript
。你可以檢查 this 瞭解更多媒體型別。
我們瞭解指令碼的 type
屬性以及為什麼要使用它,但是在哪裡呢?當我們使用現代瀏覽器時,我們不需要在 <script>
標記中使用 type
屬性,因為它們預設具有它。
此外,如果你使用的是 HTML5,那麼你可以簡單地編寫 <script> ... </script>
,因為它具有可選的 type
屬性和預設的 text/javascript
。
在另一種情況下,你必須在使用 HTML 4.01 和 XHTML 1.0 時指定 type
屬性,因為兩者都需要它。
如果內容不被解釋為 JavaScript,例如 VBScripts,你還必須使用 type
屬性。
你可以利用以下啟動程式碼來練習每種可能的情況。
在 HTML5 中使用 HTML 指令碼 type
屬性
對於 HTML5,不需要在 <script>
標記中使用 type
屬性。請參閱以下示例程式碼。
<!DOCTYPE html>
<html>
<head>
<title>JavaScript MIME Type</title>
<script>
console.log("Hello JavaScript MIME Type");
</script>
</head>
<body>
<h1>Let's learn the use of JavaScript MIME type.</h1>
</body>
</html>
在 HTML 4.01、XHTML 1.0 和 VBScript 中使用 HTML 指令碼 type
屬性
使用現代瀏覽器,你可以在編寫 HTML 4.01 和 XHTML 1.0 時使用沒有 type
屬性的 <script>
標記。但是最好使用 type
屬性,因為兩者都是 require。
如果你在使用 VBScripts 時還使用了 type
屬性,將會有所幫助。檢視以下程式碼片段。
HTML 4.01 程式碼:
<!"-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>JavaScript MIME Type</title>
<script type="text/javascript">
console.log("Hello JavaScript MIME Type");
</script>
</head>
<body>
<h1>Let's learn the use of JavaScript MIME type.</h1>
</body>
</html>
XHTML 1.0 程式碼:
<! "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>JavaScript MIME Type</title>
<script type="text/javascript">
console.log("Hello JavaScript MIME Type");
</script>
</head>
<body>
<h1>Let's learn the use of JavaScript MIME type.</h1>
</body>
</html>
帶有 VBScript 的 HTML 4.01:
<! "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>A document with SCRIPT</title>
<script type="text/vbscript" src="http://someplace.com/progs/vbcalc">
</script>
</head>
<body>
<h1>Let's learn the use of JavaScript MIME type.</h1>
<script type="text/javascript">
console.log("HELLO VBScript")
</script>
</body>
</html>
Author: Mehvish Ashiq