[簡介] JavaScript 讓你的網頁動起來!

123 - [簡介] JavaScript 讓你的網頁動起來!

忙完期中考後,心思就放在漫畫網的架設上,對網頁的語法其實並沒有很熟悉,所以也是想趁這個機會認識一下JavaScript是怎麼樣的一個運作方式,結果一陷進去就難以自拔了,原因在於語法簡單清楚,和C沒有太大的不同,操作起來又非常的好玩,雖然說如果只用記事本編輯、又沒有良好的習慣,很容易因為少一個分號而東找西找除不到錯XD


語法說明

我們一樣會需要一般的HTML元素,讓網頁上呈現一些可以被觸發的元件。以下即以按下按鈕後改變背景顏色的範例來說明JavaScript和HTML是如何相輔相成,在網頁上展現活力。

<form>
<input onclick=”change_color()” type=”button” value=”按下我背景變紅” />
</form>
<script language=”javascript”>
function change_color()
{
document.body.style.backgroundColor = “red”;
}
</script>

(由於本文在Blogger的框架中,這個按鈕是無效的)

Js的程式碼通常會被包在一個Function內,而在以一個網頁元件的事件中被觸發,這是最基本的一個例子,可以清晰地看出Js的結構和寫法,另外,網頁的元素還可以搭配CSS語法來做美化,將這三種不同的要素發揮到淋漓盡致,做出來的網站也會相對的漂亮和時尚許多。