jdb电子飞鸟派对

1.5　JavaScript腳本語言功能

本節(jié)簡單介紹一下JavaScript腳本語言功能，具體就是JS腳本在HTML網(wǎng)頁中都可以實(shí)現(xiàn)哪些功能。

通過JavaScript腳本可以直接在HTML網(wǎng)頁中輸出內(nèi)容，具體示例如下：

   document.write("……");

每當(dāng)瀏覽器載入一個(gè)HTML文檔時(shí)，其就會(huì)成為document對象，通過document對象的write()方法就可以向網(wǎng)頁中輸出內(nèi)容。

不過需要讀者注意的是，該方法在頁面加載的過程中比較實(shí)用，如果在頁面加載完成后使用需要小心，使用不當(dāng)就會(huì)將頁面內(nèi)容全部進(jìn)行重寫。

通過JavaScript腳本可以改變HTML網(wǎng)頁中節(jié)點(diǎn)的內(nèi)容，具體使用示例如下：

   dom = document.getElementById("id")  // 查找元素
   dom.innerHTML = "new content ";       // 改變內(nèi)容

通過以上方法就可以動(dòng)態(tài)改變HTML網(wǎng)頁中節(jié)點(diǎn)的內(nèi)容，這也是JavaScript腳本語言的特點(diǎn)。

同樣，還可以通過JavaScript腳本改變HTML網(wǎng)頁中節(jié)點(diǎn)的樣式，具體使用樣例如下：

   dom = document.getElementById("id")   // 查找元素
   dom.style.color = #RRGGBB;           // 改變顏色樣式

通過以上方法就可以動(dòng)態(tài)改變HTML網(wǎng)頁中節(jié)點(diǎn)的樣色樣式，這也同樣是JavaScript腳本語言的特點(diǎn)。

通過JavaScript腳本可以對HTML網(wǎng)頁中的事件進(jìn)行處理，這也是比較能體現(xiàn)JavaScript功能的地方，具體使用樣例如下：

    <button type="button" onclick="alert('JavaScript Event Handle.')">Click
Me</button>

通過以上方法就可以處理<button>按鈕的單擊（onclick）事件，當(dāng)然事件的處理方法是使用alert()警告彈出框這種簡單的形式，此處也可以使用自定義函數(shù)完成更復(fù)雜的功能。

通過JavaScript腳本還可以對HTML網(wǎng)頁表單進(jìn)行驗(yàn)證，我們知道表單是網(wǎng)頁中使用場景最多的元素，JS腳本可以實(shí)現(xiàn)在前端就完成驗(yàn)證的功能，尤其是針對HTML5網(wǎng)頁更是如此，具體使用樣例如下：

   if isNaN(n) {
   alert("Not Numeric");
   };

通過以上方法就可以驗(yàn)證變量n是否是非數(shù)字值，應(yīng)用在表單中就可以實(shí)現(xiàn)判斷表單域的功能。

當(dāng)然，除了以上介紹的一些JavaScript腳本語言功能，還有很多功能是可以通過JS腳本在HTML網(wǎng)頁中實(shí)現(xiàn)的，后面的章節(jié)會(huì)詳細(xì)介紹。