HTML JavaScript

2022-04-18 17:22 更新

JavaScript 使 HTML 頁(yè)面更具動(dòng)態(tài)性和交互性

實(shí)例

<!DOCTYPE html>
<html>
<body>
<h1>我的第一段 JavaScript</h1>
<button type="button"
onclick="document.getElementById('demo').innerHTML = Date()">
點(diǎn)擊我來(lái)顯示日期和時(shí)間
</button>
<p id="demo"></p>
</body>
</html>

HTML <script> 標(biāo)簽

HTML ?<script>? 標(biāo)簽用于定義客戶端腳本（JavaScript）。

?<script>? 元素即可包含腳本語(yǔ)句，也可通過(guò) ?src? 屬性指向外部腳本文件。

JavaScript 的常見用途是圖像處理、表單驗(yàn)證和內(nèi)容的動(dòng)態(tài)更改。

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

這個(gè) JavaScript 示例向 id="demo" 的 HTML 元素內(nèi)寫入 "Hello JavaScript!"：

實(shí)例

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

提示：您可在我們的 JavaScript教程 中學(xué)習(xí)更多 JavaScript 知識(shí)。

JavaScript 的味道

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

實(shí)例

JavaScript 能夠更改內(nèi)容：

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

實(shí)例

JavaScript 能夠更改樣式：

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

實(shí)例

JavaScript 能夠更改屬性：

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

HTML <noscript> 標(biāo)簽

HTML ?<noscript>? 標(biāo)簽定義了替代內(nèi)容，這些內(nèi)容將顯示給在瀏覽器中禁用了腳本或?yàn)g覽器不支持腳本的用戶：

實(shí)例

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

HTML Script 標(biāo)簽

標(biāo)簽 描述
?<script>? 定義客戶端腳本。
?<noscript>? 為不支持客戶端腳本的用戶定義替代內(nèi)容。

如需所有可用的 HTML 標(biāo)簽的完整列表，請(qǐng)?jiān)L問(wèn)我們的 HTML標(biāo)簽手冊(cè)。

以上內(nèi)容是否對(duì)您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)