js入門基礎知識小總

在瞭解過html5之後,引入JavaScript。
1)什麼是js語言呢?
首先js是一種腳本語言主要有以下三個作用:
(1)提供用戶交互
(2)動態更改內容
(3)數據驗證
2)js是如何嵌入網頁的?嵌入順序是否有影響?
(1)嵌入網頁分爲兩種,分別是外部鏈接和內部插入
外部鏈接 <script src="" type="text/javascript"></script>
內部插入到html中,可在head中插入也可以在body裏面插入
<script>js語言</script>
嵌入因素:a網頁是否加載完成
b所需元素是否聲明,即初始化

3)數據類型
number string Boolean object null(object) undefi function
4)變量
(1)變量名必須以字母或下劃線("_")開頭
(2)變量可以是字母數字下劃線,且js嚴格區分大小寫
(3)命名規則:駝峯命名法
(4)變量可以提前聲明
4.1)全局變量和局部變量
函數體內的爲局部變量,函數執行完成後變量會消失,只能在函數內部使用
外部變量爲全局變量,可供多個函數調用
5)函數
常規函數:function 函數名(){}
匿名函數: function (){}
有以下幾種情形:帶返回值,帶參數,不帶參卻傳遞參數如下:
function f1(){ console.log("arguments")}
f1(1,2,3);
這種情況下輸出的是一個arguments對象。訪問裏面的元素arguments[0];
區別 常規函數可以被提前聲明,
6)運算符
算術運算 +-*/%++--前置(先++ --在運算) 後置 (先運算在++ --)
比較運算符
==>=<=<>!= == ===(== 值一樣 類型不定 === 值和類型一致)
邏輯運算符 && ||! 單個是按位運算
7)邏輯結構
if(true){}else{}
switch(表達式) {
case 常量1 :
JavaScript語句;
}
while(條件成立){
}

do{
}while()

區別:do while 最少執行一次
7)dom元素獲取方式:8種
四種動態 id class name tagname
兩個固定 queryselsector(“. ”)
queryselsectorall(“. ”)
document.body
document.documentElementt()
固定和動態的區別
固定的數量取決於最初幾個 再創建也不會改變
動態隨着動態創建數量也在改變

8)事件
鼠標 鍵盤 表單 觸屏等
點擊事件需要加on 一次只能一次觸發一個
事件監聽 一次可以觸發多個
事件監聽時的第三個參數取決於是冒泡還是捕獲。默認是冒泡,爲true時爲捕獲。
阻止冒泡時的時間e=window.event
9)閉包!!!
閉包就是能夠讀取其他函數內部變量的函數。例如在javascript中,只有函數內部的子函數才能讀取局部變量,所以閉包可以理解成“定義在一個函數內部的函數“。在本質上,閉包是將函數內部和函數外部連接起來的橋樑。” var add = (function () {
var add = (function () {
var counter = 0;
return function () {return counter += 1;}
})();

add();
add();
add();
變量 add 指定了函數自我調用的返回字值。
自我調用函數只執行一次。設置計數器爲 0。並返回函數表達式。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章