首頁  >  文章  >  web前端  >  HTML腳本教學詳解

HTML腳本教學詳解

零下一度
零下一度原創
2017-05-17 16:31:051454瀏覽

線上實例

插入一段腳本
如何將腳本插入 HTML 文件。

使用 2b0b25ff593c5b6c03403dd6234ffb2c 標籤 
如何應對不支援腳本或停用腳本的瀏覽器。

HTML 3f1c4e4b6b16bbbd69b2ee476dc4f83a 標籤

3f1c4e4b6b16bbbd69b2ee476dc4f83a 標籤用於定義客戶端腳本,例如 JavaScript。

3f1c4e4b6b16bbbd69b2ee476dc4f83a 元素既可包含腳本語句,也可透過 src 屬性指向外部腳本檔案。

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

下面的腳本會輸出到瀏覽器"Hello World!":

實例

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

試試看»

Tip: 學習更多關於Javascript教程,請查看JavaScript 教程!

HTML2b0b25ff593c5b6c03403dd6234ffb2c 標籤

2b0b25ff593c5b6c03403dd6234ffb2c 標籤提供無法使用腳本時的替代內容,比方在瀏覽器禁用腳本時,或瀏覽器不支援客戶端腳本時。

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

只有在瀏覽器不支援腳本或停用腳本時,才會顯示2b0b25ff593c5b6c03403dd6234ffb2c 元素中的內容:

實例

<script>document.write("Hello World!")</script><noscript>Sorry, your browser does not support JavaScript!</noscript>

試試看»

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

JavaScript實例程式碼:

JavaScript可以直接在HTMl輸出:

document.write("<p>This is a paragraph</p>");

試試看»

JavaScript事件回應:

<button type="button" onclick="myFunction()">Click Me!</button>

JavaScript處理HTML 樣式:

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

【相關推薦】

1. ##特別推薦「php程式設計師工具箱」V0.1版本下載

#2. 免費html線上影片教學

3. php.cn原始html5影片教學

#

以上是HTML腳本教學詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn