HTML JavaScript

JavaScript 使 HTML 頁面更具動態性和交互性

實例

我的第一段 JavaScript

親自試一試

HTML <script> 標簽

HTML <script> 標簽用于定義客戶端腳本（JavaScript）。

<script> 元素即可包含腳本語句，也可通過 src 屬性指向外部腳本文件。

JavaScript 的常見用途是圖像處理、表單驗證和內容的動態更改。

如需選取 HTML 元素，JavaScript 最常用 document.getElementById() 方法。

這個 JavaScript 示例向 id="demo" 的 HTML 元素內寫入 "Hello JavaScript!"：

實例

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>

親自試一試

提示：您可在我們的 JavaScript 教程 中學習更多 JavaScript 知識。

JavaScript 的味道

以下是展示 JavaScript 能力的一些例子：

實例

JavaScript 能夠更改內容：

document.getElementById("demo").innerHTML = "Hello JavaScript!";

親自試一試

實例

JavaScript 能夠更改樣式：

document.getElementById("demo").style.fontSize = "25px";
document.getElementById("demo").style.color = "red";
document.getElementById("demo").style.backgroundColor = "yellow";

親自試一試

實例

JavaScript 能夠更改屬性：

document.getElementById("image").src = "picture.gif";

親自試一試

HTML <noscript> 標簽

HTML <noscript> 標簽定義了替代內容，這些內容將顯示給在瀏覽器中禁用了腳本或瀏覽器不支持腳本的用戶：

實例

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
<noscript>抱歉，您的瀏覽器不支持 JavaScript！</noscript>

親自試一試

HTML Script 標簽

標簽 描述
<script> 定義客戶端腳本。
<noscript> 為不支持客戶端腳本的用戶定義替代內容。

如需所有可用的 HTML 標簽的完整列表，請訪問我們的 HTML 標簽參考手冊。