編程教程HTML JavaScript
JavaScript 使 HTML 頁面更具動態性和交互性
實例
<!DOCTYPE html>
<html>
<body>
<h1>我的第一段 JavaScript</h1>
<button type="button"
onclick="document.getElementById('demo').innerHTML = Date()">
點擊我來顯示日期和時間
</button>
<p id="demo"></p>
</body>
</html>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標簽手冊。