1. 程式人生 > 實用技巧 >JavaScript 使 HTML 頁面具有更強的動態和互動性

JavaScript 使 HTML 頁面具有更強的動態和互動性

插入一段指令碼
如何將指令碼插入 HTML 文件。

使用 <noscript> 標籤
如何應對不支援指令碼或禁用指令碼的瀏覽器。

HTML <script> 標籤

<script> 標籤用於定義客戶端指令碼,比如 JavaScript。

<script> 元素既可包含指令碼語句,也可通過 src 屬性指向外部指令碼檔案。

JavaScript 最常用於圖片操作、表單驗證以及內容動態更新。

下面的指令碼會向瀏覽器輸出"Hello World!":

例項

<script>
document.write("Hello World!");
</script>

  

HTML<noscript> 標籤

<noscript> 標籤提供無法使用指令碼時的替代內容,比方在瀏覽器禁用指令碼時,或瀏覽器不支援客戶端指令碼時。

<noscript>元素可包含普通 HTML 頁面的 body 元素中能夠找到的所有元素。

只有在瀏覽器不支援指令碼或者禁用指令碼時,才會顯示 <noscript> 元素中的內容:

例項

<script>
document.write("Hello World!")
</script>
<noscript>抱歉,你的瀏覽器不支援 JavaScript!</noscript>

  

JavaScript體驗(來自本站javascript教程)

JavaScript例項程式碼:

JavaScript可以直接在HTML輸出:

document.write("<p>這是一個段落。</p>");

  

JavaScript事件響應:

<button type="button" onclick="myFunction()">點我!</button>

  

JavaScript處理 HTML 樣式:

document.getElementById("demo").style.color="#ff0000";

  

HTML 指令碼標籤

標籤描述
<script> 定義了客戶端指令碼
<noscript> 定義了不支援指令碼瀏覽器輸出的文字