HTML 腳本

2020-10-30 17:53 更新

HTML 腳本

JavaScript 是可插入 HTML 頁(yè)面的編程代碼。

JavaScript 使 HTML 頁(yè)面具有更強(qiáng)的動(dòng)態(tài)和交互性。

JavaScript 插入 HTML 頁(yè)面后，可由所有的現(xiàn)代瀏覽器執(zhí)行。

Examples

在線(xiàn)實(shí)例

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

使用 <noscript> 標(biāo)簽
如何應(yīng)對(duì)不支持腳本或禁用腳本的瀏覽器。

HTML <script> 標(biāo)簽

<script> 標(biāo)簽用于定義客戶(hù)端腳本，比如 JavaScript。

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

JavaScript 最常用于圖片操作、表單驗(yàn)證以及內(nèi)容動(dòng)態(tài)更新。

下面的腳本會(huì)向?yàn)g覽器輸出 "Hello World!"：

實(shí)例

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

嘗試一下 ?

注釋?zhuān)?/strong>如果使用 "src" 屬性，則 <script> 元素必須是空的。

RemarkTip: 學(xué)習(xí)更多關(guān)于 Javascript 教程，請(qǐng)查看 JavaScript 教程!

HTML<noscript> 標(biāo)簽

<noscript> 標(biāo)簽提供無(wú)法使用腳本時(shí)的替代內(nèi)容，比方在瀏覽器禁用腳本時(shí)，或?yàn)g覽器不支持客戶(hù)端腳本時(shí)。

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

只有在瀏覽器不支持腳本或者禁用腳本時(shí)，才會(huì)顯示 <noscript> 元素中的內(nèi)容：

實(shí)例

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

嘗試一下 ?

RemarkTip: <noscript> 標(biāo)簽支持全局屬性，查看完整屬性表 HTML全局屬性！

JavaScript 體驗(yàn)(來(lái)自本站 JavaScript 教程)

JavaScript 實(shí)例代碼:

JavaScript 可以直接在 HTML 輸出:

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

嘗試一下 ?

JavaScript 事件響應(yīng):

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

嘗試一下 ?

JavaScript 處理 HTML 樣式:

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

嘗試一下 ?

如何應(yīng)付老式的瀏覽器

如果瀏覽器壓根沒(méi)法識(shí)別 <script> 標(biāo)簽，那么 <script> 標(biāo)簽所包含的內(nèi)容將以文本方式顯示在頁(yè)面上。為了避免這種情況發(fā)生，你應(yīng)該將腳本隱藏在注釋標(biāo)簽當(dāng)中。那些老的瀏覽器（無(wú)法識(shí)別 <script> 標(biāo)簽的瀏覽器）將忽略這些注釋?zhuān)圆粫?huì)將標(biāo)簽的內(nèi)容顯示到頁(yè)面上。而那些新的瀏覽器將讀懂這些腳本并執(zhí)行它們，即使代碼被嵌套在注釋標(biāo)簽內(nèi)。

實(shí)例

JavaScript :

<script type="text/javascript">

<!--

document.write("Hello World!")

//-->

</script>

HTML 腳本標(biāo)簽

標(biāo)簽 描述
<script> 定義了客戶(hù)端腳本
<noscript> 定義了不支持腳本瀏覽器輸出的文本


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

掃描二維碼

下載編程獅App

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

編程獅公眾號(hào)