JavaScript學習

為什麼要學習JavaScript

為撰寫網頁程式所必須學習的三種必學語言之一:

  1. HTML:定義網頁的內容
  2. CSS:定義網頁的排版
  3. JavaScript:定義網頁元件的執行動作。可以用來觸發執行更改HTML的attribute、style(ex:CSS)、content、驗證資料等其他功能的函式。

JavaScript的放置位置

javascript的程式碼內容定義在HTML文件的<script> tag內。

  1. Internal : <script> element可以放置在<head>或<body>中,可以同時存放多個<script>。建議將<script> elements統一放在<body>內的最下方,避免因為載入script影響網頁的顯示速度變慢。
  2. External : 如果有兩個以上的網頁使用相同的<script>,可以將原本的<script> element的funtions統一定義在.js檔中(不需要包含<script> tag),並在要引用該.js檔的檔案各自宣告<script src=“script_name.js"></script>即可。

採用External JavaScript包含了以下優點:

  1. 將HTML和JavaScript進行分割,增加程式的可讀性和可維護性。
  2. 快取.js檔可提升網頁的載入速度。

JavaScript的輸出方式

  1. window.alert():跳出訊息框。
  2. document.write():輸出到HTML網頁。應該只在測試時使用。
  3. document.getElementById(“element_id").innerHTML:設定element的content。
  4. console.log():在瀏覽器的console中(按下F12)顯示資料。

所有資料型態變數皆用Var宣告

註解

單行註解採用:  //

多行註解採用:  /*                */

變數名稱(Identifier)

在JavaScript中,變數名稱的第一個字元必須是_或$,且為case sensitive(大小寫有別)。

在程式碼的變數命名方式一般分為三種:

  1. Hyphens: example-name。
  2. Underscore: example_name。
  3. Camel Case: ExampleName。

而JavaScript中通常採用首字元小寫的Camel Case: exampleName。(JavaScript不能採用Hyphens命名方式,因為"-“只限定用於減法運算)

JavaScript採用Unicode character set。

 

 

 

參考資料

  1. W3CSchool-JavaScript
廣告

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

您的留言將使用 WordPress.com 帳號。 登出 / 變更 )

Twitter picture

您的留言將使用 Twitter 帳號。 登出 / 變更 )

Facebook照片

您的留言將使用 Facebook 帳號。 登出 / 變更 )

Google+ photo

您的留言將使用 Google+ 帳號。 登出 / 變更 )

連結到 %s