前言:
介紹一下javascript的最基礎語法規範和用法。
- HTML 中的指令碼必須位於 <script> 與 </script> 標籤之間。
- 指令碼可被放置在 HTML 頁面的 <body> 和 <head> 部分中。
1.<script> 標籤
- 如需在 HTML 頁面中插入 JavaScript,請使用 <script> 標籤。
- <script> 和 </script> 會告訴 JavaScript 在何處開始和結束。
2.JavaScript 函式和事件
- 通常,我們需要在某個事件發生時執行程式碼,比如當使用者點選按鈕時。
- 如果我們把 JavaScript 程式碼放入函式中,就可以在事件發生時呼叫該函式。
3.在 <head> 或者 <body> 的JavaScript
- 可以在 HTML 文件中放入不限數量的指令碼。
- 指令碼可位於 HTML 的 <body> 或 <head> 部分中,或者同時存在於兩個部分中。
- 通常的做法是把函式放入 <head> 部分中,或者放在頁面底部。這樣就可以把它們安置到同一處位置,不會干擾頁面的內容。
4.外部的 JavaScript
- 也可以把指令碼儲存到外部檔案中。外部檔案通常包含被多個網頁使用的程式碼。
- 外部 JavaScript 檔案的副檔名是 .js。
- 如需使用外部檔案,請在 <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 }