JavaScript新手入門

查看: 717 | 回覆: 0 | 電梯直達

子爵 | 2015-11-25 12:06:29

1樓

用戶端程式語言（Client Side Language）
JavaScript
簡單的說，就是在瀏覽器被執行的程式語言

伺服器端語言（Server Side Language）
PHP, NET, ASP, ColdFusion, Ruby on Rails...
簡單的說，是在伺服器中執行的程式語言

腳本式語言（Scripting）
JavaScript

開瀏覽器，頁面才被瀏覽器的直譯器編譯處理
比編譯式語言執行效率慢

編譯式語言（Compiled）
PHP, NET, ASP, ColdFusion, Ruby on Rails...

編譯後才放上去執行處理
比腳本式語言執行效率快，因以先編譯
常見問題

所謂「編譯」，指的是將程式設計師寫的程式轉換成電腦能了解的指令檔。
被編譯過的程式就能在電腦上執行，由於程式已被轉換成電腦能了解的指令，執行起來會比腳本式語言所撰寫的程式要來得快。

在網頁上加入JavaScript程式
由於瀏覽器中有了JavaScript 直譯器
加上 <script> 標籤告訴瀏覽器這裡放的是JavaScript，並在結尾加上 </script> 結束標籤告訴瀏覽器結束了
<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>Document</title>
   <script>

   </script>
</head>
<body>
</body>
</html>
Script 插入位置

放在head 裡面方便管理
放在body 裡面可以在希望位置顯示資訊
放在body 後面可確保訪客載入頁面後才執行JavaScript

外部JavaScript檔案
共用同一支JavaScript程式
節省維護相同程式時間，與CSS相同
共用後節省檔案大小，不再每頁貼共用同樣的程式

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>Document</title>
   <script src="navigation.js"></script>
</head>
<body>
</body>
</html>

常見問題

如果已經用src屬性鏈接到外部JavaScript檔案，不能再 <script> 開始和結束標籤之間添加任何JavaScript程式碼。如果你想引用外部JavaScript檔案後再加上幾行JavaScript程式碼添加到頁面中，那麼就要在寫另一組 <script> 標籤。例如：

<script src="navigation.js"></script>
<script >
   alert('Hello world!');
</script>

參考書目
JavaScript & jQuery: The Missing Manual