初學JavaScript
阿新 • • 發佈：2021-07-22
初識JavaScript
JavaScript簡介
JavaScript 是網際網路上最流行的指令碼語言，這門語言可用於 HTML 和 web，更可廣泛用於伺服器、PC、膝上型電腦、平板電腦和智慧手機等裝置。
JavaScript是指令碼語言
- JavaScript 是一種輕量級的程式語言。
- JavaScript 是可插入 HTML 頁面的程式設計程式碼。
- JavaScript 插入 HTML 頁面後，可由所有的現代瀏覽器執行。
- JavaScript 很容易學習。
JavaScript的用法
HTML 中的指令碼必須位於 標籤之間。
指令碼可被放置在 HTML 頁面的 和 部分中。
中的 JavaScript<!DOCTYPE html> <html> <body> <script> document.write("<h1>這是一個標題</h1>"); document.write("<p>這是一個段落</p>"); </script> </body> </html>
JavaScript 函式和事件
- JavaScript 語句，會在頁面載入時執行。
- 通常，我們需要在某個事件發生時執行程式碼，比如當用戶點選按鈕時。
- 如果我們把 JavaScript 程式碼放入函式中，就可以在事件發生時呼叫該函式。
中的 JavaScript 函式<!DOCTYPE html> <html> <head> <script> function myFunction() { document.getElementById("id").innerHTML="我的第一個 JavaScript 函式"; } </script> </head> <body> <h1>我的 Web 頁面</h1> <p id="id">一個段落</p> <button type="button" onclick="myFunction()">點選這裡</button> </body> </html
<!DOCTYPE html> <html> <body> <h1>我的 Web 頁面</h1> <p id="id">一個段落</p> //滑鼠點選事件 <button type="button" onclick="myFunction()">點選</button> <script> function myFunction() { document.getElementById("id").innerHTML="我的第一個 JavaScript 函式"; } </script> </body> </html>
外部的 JavaScript
<!DOCTYPE html>
<html>
<body>
//外部匯入
<script src="myScript.js"></script>
</body>
</html>