姬小光前端興趣班【第006期】

在前幾期的成果中，我們做出來的頁面只有一些“靜態”的內容，只能給使用者大眼瞪小眼的看，那麼別人家的網頁上那些飛來飛去的，若隱若現的東西都是咋搞的呢？

這一期，我們來說說頁面中的指令碼（Script）。

頁面中的指令碼

指令碼語言有很多中，目前網頁製作中基本上已經是 Javascript 的天下了（指令碼語言的一種，以下簡稱 JS），指令碼語言可以以文字形式存在，在瀏覽器中解釋執行。我們網頁上的使用者互動效果，絕大部分都是使用 JS 來實現的。

那麼，如何在我們的網頁中插入一段指令碼，又怎樣能讓它 rock 起來呢？ 在第二期（回覆 002）的課程中我們瞭解到，HTML是一種標記語言，那麼網頁中的指令碼，也有它對應的標籤，那就是 標籤。

下面我們按照第一期（回覆 001）的然並卵的方法，新建一個檔案，並寫入如下程式碼：

之所以這裡用的是截圖而不是文字，是希望大家體驗一下敲打程式碼的趕腳，也能幫助大家學習和記憶。

OK，儲存並用瀏覽器開啟之後，你會發現頁面上已經輸出了我們 “write” 的內容：

這裡包裹在 標籤中的內容，就是我們的 JS 指令碼了。這個 document.write 方法（可以理解為程式的一種能力或行為），可以在頁面中寫入一段內容。

當然，關於 Javascript 語言本身，我們還有很多內容要學習，可能幾十節課都講不完。這裡只是通過一個簡單的栗子先讓大家有個直觀的印象，知道 JS 是可以做使用者互動的。

最後我們再來加一點點真正的互動，現在我們把 標籤中的內容改成這樣：

儲存後再重新整理網頁，你會看到頁面彈出了一個提示框：

我們可以點選“OK”來關閉這個視窗，而視窗的內容也是我們程式碼裡面輸入的內容。聰明的你是不是感受到了一點互動的功能了呢？