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

在線實(shí)例

插入一段腳本

如何將腳本插入 HTML 文檔。

使用 <noscript> 標(biāo)簽

如何應(yīng)對不支持腳本或禁用腳本的瀏覽器。

HTML <script> 標(biāo)簽

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

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

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

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

實(shí)例

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

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

HTML<noscript> 標(biāo)簽

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

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

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

實(shí)例

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

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

JavaScript實(shí)例代碼:

JavaScript可以直接在HTML輸出:

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

JavaScript事件響應(yīng):

<buttontype="button"onclick="myFunction()">點(diǎn)我！</button>

JavaScript處理 HTML 樣式:

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

HTML 腳本標(biāo)簽

如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！

HTML頁面中插入JavaScript的主要方法，就是使用<script>元素。

HTML4.01為<script>標(biāo)簽定義了下列6個屬性。

async：可選。表示應(yīng)該立即下載腳本，但不應(yīng)妨礙頁面中的其他操作，比如下載其他資源或等待加載其他腳本。只對外部腳本有效。

async 屬性規(guī)定一旦腳本可用，則會異步執(zhí)行。

1. async 屬性僅適用于外部腳本（只有在使用 src 屬性時(shí)）。

2. 有多種執(zhí)行外部腳本的方法：

   如果 async="async"：腳本相對于頁面的其余部分異步地執(zhí)行（當(dāng)頁面繼續(xù)進(jìn)行解析時(shí)，腳本將被執(zhí)行）

   如果不使用 async 且 defer="defer"：腳本將在頁面完成解析時(shí)執(zhí)行

   如果既不使用 async 也不使用 defer：在瀏覽器繼續(xù)解析頁面之前，立即讀取并執(zhí)行腳本

charset：可選。表示通過src屬性指定的代碼的字符集。由于大多數(shù)瀏覽器會忽略它的值，因此這個屬性很少有人用。

defer：可選。表示腳本可以延遲到文檔完全被解析和顯示之后再執(zhí)行。只對外部腳本有效。

defer 屬性規(guī)定是否對腳本執(zhí)行進(jìn)行延遲，直到頁面加載為止。

有的 javascript 腳本 document.write 方法來創(chuàng)建當(dāng)前的文檔內(nèi)容，其他腳本就不一定是了。

如果腳本不會改變文檔的內(nèi)容，可將 defer 屬性加入到 <script> 標(biāo)簽中，以便加快處理文檔的速度。因?yàn)闉g覽器知道它將能夠安全地讀取文檔的剩余部分而不用執(zhí)行腳本，它將推遲對腳本的解釋，直到文檔已經(jīng)顯示給用戶為止。

language：已廢棄。

src：可選。表示包含要執(zhí)行代碼的外部文件。

type：可選。可以看成是language的替代屬性；表示編寫代碼使用的腳本語言的內(nèi)容類型（也稱為MIME類型）。

按照慣例，外部javascript文件帶有.js擴(kuò)展名。但這個擴(kuò)展名不是必需的，因?yàn)闉g覽器不會檢查包含javascript的文件的擴(kuò)展名。這樣一來，使用JSP、PHP或其他服務(wù)器端語言動態(tài)生成javascript代碼也就成為了可能。但是，服務(wù)器通常還是需要看擴(kuò)展名決定為響應(yīng)應(yīng)用哪種MIME類型。如果不適用.js擴(kuò)展名，請確保服務(wù)器能反應(yīng)會正確的MIME類型。

可能我們在日常的開發(fā)過程中有些東西根本用不到，不過我們還是要稍微的了解下這些屬性。

喜歡編程的老鐵們，雙擊666~