簡介
JavaScript(簡稱:JS)是一門跨平臺、面向對象的腳本語言,是用來控制網頁行為,實現頁面的交互效果。
JavaScript和Java是完全不同的語言,不論是概念還是設計。但是基礎語法類似。
組成:
ECMAScript:規定了JS基礎語法核心知識,包括變量、數據類型、流程控制、函數、對象等。
BOM:瀏覽器對象模型,用于操作瀏覽器本身,如∶頁面彈窗、地址欄操作、關閉窗口等。
DON:文檔對象模型,用于操作HTML文檔,如:改變標簽內的內容、改變標簽內字體樣式等。
JS引入方式
·內部腳本:將JS代碼定義在HTML頁面中
JavaScript代碼必須位于<script></script>標簽之間
在HTML文檔中可以在任意位置,放置任意數量的<script>標簽
一般會把腳本置于<body>元素的底部,可以改善顯示速度
·外部腳本:將JS代碼定義在外部 JS文件中,然后引入到HTML頁面中
<script src=js\js_test.js"></script>
基本語法
變量&常量
JS中用 let 關鍵字來聲明變量(弱類型語言,變量可以存放不同類型的值)。
變量名需要遵循一下規則:
? ? ? ? ·只能用 字母、數字、下劃線(_)、美元符號組成,且不能數字開頭
? ? ? ? ·變量名嚴格區分大小寫,如name和Name是不同的變量
? ? ? ? ·不能使用關鍵字,如:let、var、if、for等
用戶const關鍵字來聲明常量。一旦聲明值就不能改變
輸出語句
數據類型:
使用typeof 變量 可以得到變量名
模板字符串
函數
介紹:函數是被設計用來執行特定任務的代碼塊,方便程序的封裝復用。
定義:javascript函數通過function關鍵字進行定義,語法為:
調用:函數名稱(實際參數列表)
匿名函數
匿名函數是指一種沒有名稱的函數,可以通過兩種方式定義:函數表達式 和箭頭函數。
一
二
可以通過變量名直接調用
自定義對象
格式
調用
json
概念:JavaScript Object Notation,JavaScript對象標記法(JS對象標記法書寫的文本)
由于其語法簡單,層次結構鮮明,現在用于作為數據載體,在網絡中進行數據傳輸
通過JSON里面的函數將對象和json之間互相轉換
DOM
例如
作用
獲取dom對象并對其進行操作
用document.querSelector(‘選擇器’)獲取特定的dom
用document.querSelectorAll(‘選擇器’)獲取所有的dom
<script>let dom = document.querySelector('#p1');dom.innerHTML = '我在這';let doms = document.querySelectorAll('p');doms[0].innerHTML = '我在這';</script>
事件監聽
事件:HTML事件是發生在HTML元素上的"事情"。
比如:·
按鈕被點擊
鼠標移動到元素上·
按下鍵盤按鍵
事件監聽: JavaScript可以在事件觸發時,就立即調用一個函數做出響應,也稱為事件綁定或注冊事件。
語法:事件源.addEvenListener('事件類型',需要觸發執行的函數);