2012年7月19日 星期四

JavaScript-2

Js 這套語言,對粗心阳來說還是需要有Html的基礎來學習會比較好,所以希望初心者們能夠對於Html的語法有一定的認識再來看Js.我推薦以下兩個網站給大家認識會比較快
我簡單介紹一下Html的語法:
大家可以先隨便找一個網頁打開來,不管是用什麼瀏覽器開如IE,chrome,firefox,safari.接著對網頁空白處按右鍵後再點選"檢視網頁原始碼"就可以看見此頁面網頁的Html語法構成如:
<html>
<head>
<title>網頁標題</title>
</head>
<body>網頁顯示出來的內容</body>
</html>
這就是網頁基本構成語法,要記得都需要成對標籤如<html></html>來做結尾.
要特別說的就是若有Js在網頁內的話會發現有這段語法:


<script type="text/javascript"></script>
這段語法其實只要放在<html></html>內就會在網頁中執行,像將這段語法放在<body></body>內或<head></head>內也會執行,可是要注意的執行有其順序,也就是說Js語法會從上至下照順序執行,而且每段的Js都有其關聯性.而我們能不能把Js語法放Html標籤裡面呢?如下像<body <script type="JavaScript/text"></script>></body>,當然這是不行的,因為這就違背了Html的標籤原則(但PHP語法是可以的).
JS語法還可以這樣寫  
  • <script language="JavaScript" type="text/javascript"></script>
  • <script language="JavaScript"></script> 
  • <script></script>

也就是說我們可以有以上包含<script type="JavaScript"></script>四種寫法可以用來執行JavaScirpt檔案

-------------------------------------------------------------
Js 現學現賣
從上提到Js的語法可以有幾種形式表現,目前我就以<script></script>來預設此為Js語法. 
<script> 
             alert("My first JavaScript");
</script>
這就是一個簡單的Js語法,其功能就是當你開啟網頁時自動彈跳出來的小視窗寫著"My first JavaScript". 不過請大家可以自己嘗試看看,這裡推薦兩個好用方便的程式編輯軟體
 這兩款都請各位下載來安裝並親自操作撰寫Js語法後進行網頁的預覽.所以大家可以輸入
<html>
<head><title></title></head>
<body>
<script>
alert("My first JavaScript");
</script>
</body>
</html>
之後進行預覽就可以看見彈跳視窗寫"My first JavaScript",不過請注意預覽的檔案要是網頁Html檔案才行,也就是說您要預覽的檔案副檔名要是htm,html即可.
以上是讓大家先立刻現學現賣,下一章我們從基礎開始好好講起.



沒有留言:

張貼留言