初識JavaScript

JavaScript一種直譯式腳本語言，是一種動態類型、弱類型、基於原型的語言。

數據類型有:1.基礎數據類型：number string boolean undefined null symbol(ES6新增)    2.複雜數據類型：object

基礎DOM操做:經過ID，經過class，經過標籤名，經過name、經過選擇器……

事件:

鼠標事件： onclick 左鍵單擊 ondblclick 左鍵雙擊 onmouseover onmouseenter 鼠標移入 onmouseout onmouseleave鼠標移出 onmousedown 鼠標按下 onmousmove 鼠標移動 onmouseup 鼠標擡起 oncontextmenu 右鍵單擊

鍵盤事件：onkeydown onkeypress 鍵按下 onkeyup 鍵擡起

系統事件： onload 加載完成後 onerror 加載出錯後 onresize 窗口調整大小時 onscroll 滾動時

表單事件： onfocus 獲取焦點後 onblur 失去焦點後 onchange 改變內容後 onreset 重置後 onselect 選擇後 onsubmit 提交後

this的認識   操做元素HTML內容: .innerHTML 獲取/修改 元素的HTML內容，.innerText 獲取/修改 元素的文本

    <div id="box1"style=width:200px;height:50px;background-color:#666666;margin:auto;line-height:50px;color:#ffffff;text-align:center;font-weight:bold;></div> 
    <div id="box2"style=width:200px;height:50px;background-color:#666666;margin:auto;line-height:50px;color:#ffffff;text-align:center;font-weight:bold;></div> 
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script> 
    <script> 
     let $box1 = document.getElementById("box1");
     let $box2 = document.getElementById("box2");
　　 $box1.onmouseenter = function (){
　　 $box2.style.background = "red"
　　 $box2.innerHTML = "<b>鼠標移入box1</b>"
　　 }
　　 $box1.onmouseleave = function (){
    $box2.style.background = "#666666"
    $box2.innerHTML = ""
    }
　　
    $box2.onmouseenter = function (){
　　 $box1.style.background = "blue"
　　 $box1.innerHTML = "<b>鼠標移入box2</b>"
　　 }
　　 $box2.onmouseleave = function (){
    $box1.style.background = "#666666"
    $box1.innerHTML = ""
    }