JavaScript 學習-1.註釋與變數宣告
阿新 • • 發佈：2022-05-13
前言
JavaScript 是 Web 的程式語言。所有現代的 HTML 頁面都使用 JavaScript。
JavaScript 簡介
JavaScript 的學習分三個部分:
1、核心(ECMAScript)：JavaScript的核心，描述了語言的基本語法和資料型別。ECMAScript 是一套標準，定義了一種語言的標準與具體實現無關。
2、文件物件模型DOM(Document Object Model)： 用於操作頁面的元素。一套操作頁面元素的 API。DOM 可以把 HTML 看做是文件樹，通過 DOM 提供的 API 可以對樹上的節點進行操作。
3、瀏覽器物件模型BOM(Browser Object Model)： 操作的是瀏覽器。一套操作瀏覽器功能的 API。通過 BOM 可以操作瀏覽器視窗，比如：彈出框、控制瀏覽器跳轉、獲取解析度等。
除錯
JavaScript 是依賴於瀏覽器執行的，在瀏覽器中我們有以下常用的三種方式可以除錯程式碼。
方法一：直接寫入 HTML 輸出流
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> document.write('hello world') </script> </body> </html>
瀏覽器開啟頁面，會在頁面上輸出"hello world"
或者用innerHTML 寫入到元素文字內容
<body>
<p id="demo">demo</p>
<script>
document.getElementById("demo").innerHTML = "hello world";
</script>
</body>
方法二：通過alter() 彈出框顯示內容
<head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> alert("hello world"); </script> </body> </html>
瀏覽器開啟頁面，在alert彈出框顯示內容
方法三：通過瀏覽器console除錯，這種也是最常用的方式
我們可以在<script> 裡面新增 console.log() 輸出內容
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
console.log("hello world")
</script>
</body>
</html>
谷歌瀏覽器f12 後，檢視console內容
也可以直接在控制檯輸入除錯程式碼
清空日誌可以點清空按鈕，也可以快捷鍵ctr+L