JavaScript 使 HTML 頁面具有更強的動態和互動性
阿新 • • 發佈:2020-07-20
插入一段指令碼
如何將指令碼插入 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> | 定義了不支援指令碼瀏覽器輸出的文字 |