02JavaScript用法

Yubaba丶發表於2019-01-11

 

前言:

介紹一下javascript的最基礎語法規範和用法

  1. HTML 中的指令碼必須位於 <script> 與 </script> 標籤之間。
  2. 指令碼可被放置在 HTML 頁面的 <body> 和 <head> 部分中。

 

1.<script> 標籤

  1. 如需在 HTML 頁面中插入 JavaScript,請使用 <script> 標籤。
  2. <script> 和 </script> 會告訴 JavaScript 在何處開始和結束。

 

2.JavaScript 函式和事件

  1. 通常,我們需要在某個事件發生時執行程式碼,比如當使用者點選按鈕時。
  2. 如果我們把 JavaScript 程式碼放入函式中,就可以在事件發生時呼叫該函式。

 

3.在 <head> 或者 <body> 的JavaScript

  1. 可以在 HTML 文件中放入不限數量的指令碼。
  2. 指令碼可位於 HTML 的 <body> 或 <head> 部分中,或者同時存在於兩個部分中。
  3. 通常的做法是把函式放入 <head> 部分中,或者放在頁面底部。這樣就可以把它們安置到同一處位置,不會干擾頁面的內容。

 

4.外部的 JavaScript

  1. 也可以把指令碼儲存到外部檔案中。外部檔案通常包含被多個網頁使用的程式碼。
  2. 外部 JavaScript 檔案的副檔名是 .js。
  3. 如需使用外部檔案,請在 <script> 標籤的 “src” 屬性中設定該 .js 檔案

例項:

 1 <!DOCTYPE html>
 2 <html>
 3 <head> 
 4 <meta charset="utf-8"> 
 5 <title>Yubaba丶</title> 
 6 </head>
 7 <body>
 8     
 9 <h1>我的 Web 頁面</h1>
10 <p id="demo">一個段落。</p>
11 <button type="button" onclick="myFunction()">點選這裡</button>
12 <p><b>註釋:</b>myFunction 儲存在名為 "myScript.js" 的外部檔案中。</p>
13 <script src="myScript.js"></script>
14     
15 </body>
16 </html>

 myScript.js 檔案程式碼如下:

1 function myFunction()
2 {
3     document.getElementById("demo").innerHTML="我的第一個 JavaScript 函式";
4 }