HTML 腳本

2020-10-30 17:53 更新

HTML 腳本


JavaScript 是可插入 HTML 頁面的編程代碼。

JavaScript 使 HTML 頁面具有更強的動態(tài)和交互性。

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


Examples

在線實例

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

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


HTML <script> 標簽

<script> 標簽用于定義客戶端腳本,比如 JavaScript。

<script> 元素既可包含腳本語句,也可通過 src 屬性指向外部腳本文件。

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

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

實例

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

嘗試一下 ?

注釋:如果使用 "src" 屬性,則 <script> 元素必須是空的。

RemarkTip: 學習更多關(guān)于 Javascript 教程,請查看 JavaScript 教程!


HTML<noscript> 標簽

<noscript> 標簽提供無法使用腳本時的替代內(nèi)容,比方在瀏覽器禁用腳本時,或瀏覽器不支持客戶端腳本時。

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

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

實例

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

嘗試一下 ?

RemarkTip: <noscript> 標簽支持全局屬性,查看完整屬性表 HTML全局屬性!


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

JavaScript 實例代碼:

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)付老式的瀏覽器

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

實例

JavaScript :

<script type="text/javascript">

<!--

document.write("Hello World!")

//-->

</script>

HTML 腳本標簽

標簽 描述
<script> 定義了客戶端腳本
<noscript> 定義了不支持腳本瀏覽器輸出的文本


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

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號