一、JavaScript簡介
阿新 • • 發佈：2021-07-13
一、JavaScript語言特點
HTML：超文字，標記語言
JavaScript：輕量級、弱型別、指令碼語言
- 指令碼語言和標記語言的主要區別
- 標記語言：可以通過瀏覽器直接執行
- 指令碼語言：必須要通過瀏覽器核心的編譯，才能正常執行
- 輕量級，意味著語言難度較低，簡單
- 弱型別，意味著語法規範鬆散，易學
二、JavaScript的作用
- HTML：頁面的結構，決定頁面有什麼內容
- CSS：頁面的樣式，決定頁面長什麼樣子
- JavaScript：頁面的互動，決定頁面行為做什麼
- 人機互動：人為的操作，計算機給我們的反饋資訊
- 資料互動：註冊、登入、搜尋等等，帶有資料的操作
三、JavaScript基本組成
- ECMAScript：定義JavaScript基本語法規範
- BOM：瀏覽器物件模型，操作瀏覽器的方法
- DOM：文件物件模型，操作HTML檔案的方法
案例：
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>Document</title> 7 </head> 8 <body> 9 <div>北京</div> 10 <!-- 11 1、可以通過js來改變頁面內容,樣式 12 這是在操作html檔案,屬於DOM操作範疇 13 14 2、可以通過js來操作瀏覽器,做彈出對話方塊提示框的操作 15 這是在操作瀏覽器,屬於BOM操作範疇 16 17 3、至於js程式碼怎麼編寫,規範是什麼,都是ECMAScript來制定 18 --> 19 <script> 20 // js程式碼應該怎麼寫,規範是什麼,ECMAScript來制定 21 const oDiv = document.querySelector('div'); 22 23 oDiv.onclick = function(){ 24 // 操作HTML檔案內容,樣式,是DOM操作 25 this.innerHTML = '北京歡迎你'; 26 this.style.color = 'pink'; 27 28 // 操作瀏覽器彈出提示框,是BOM操作 29 window.alert('我是js程式操作瀏覽器的彈窗效果'); 30 } 31 </script> 32 </body> 33 </html>