1.由來 JavaScript的出現就是為瞭解決,不需要將所有的表單數據全部提交到伺服器. 2.添加 載入Js代碼的三種方式: 第一種:<script></script>標簽裡面(類似於css的類的形式) 第二種: 嵌套在html的標簽中(類似於style的形式) 第三種:直接調用類<script ...
1.由來
JavaScript的出現就是為瞭解決,不需要將所有的表單數據全部提交到伺服器.
2.添加
載入Js代碼的三種方式:
第一種:<script></script>標簽裡面(類似於css的類的形式)
第二種: 嵌套在html的標簽中(類似於style的形式)
第三種:直接調用類<script src=”js文件路徑”></script>(項目中這樣使用的 分離不同類型的代碼)
3.標簽
1.document.write() ---會將數據顯示到網頁的body裡面
2.document.title-------輸出到title裡面
3.JavaScript中函數的參數可以通過arguments數組進行管理,也就是說,可以不用寫形 式參數,Arguments是一個預設的數組,第一個實際參數會自動保存到arguments數組 的第一個元素,第二個參數會自動保存到數組的第二個元素,依次類推。類似於:
Function f1(){
Alert(arguments[0]);
Alert(arguments[1]);
}
F1(“張三”,”李四”);
4.在函數內部,加var的話,就是預設表示的是局部變數,沒有var的話就是全局變數
4.閉包
1.閉包就是父級元素利用子集元素的結果。
2.null的類型為對象;
如果你現在正在糾結是否繼續學前端,如果你害怕半途而廢不知道從何開始,如果你覺得這篇文章對你還是有很大幫助的話,不介意的話可以加下我剛剛建立的一個學習交流群,有很多相關資料和學習視頻:907694362
5.對象
<script type=”text/javascript”> function hero(){ This.name=’李逵’; This.skill=function(){ Alert(‘大斧子’); } } var obj =new hero(); alert(obj); for(var attr in obj){ Console.log(obj[attr]); } </script>
6.數據類型
String():強制轉換成字元串
Number():強制轉換成數值
parseInt():強制轉換成整數
parseFloat():強制轉換成小數
Bollean():強制轉換成布爾類型
7.運算符號
邏輯運算符:&& || !
8.數組函數
concat():concat()鏈接多個數組生成新的數組
Var arr3=arr1.concat(arr2);
join():將數組元素通過某個分隔符連接起來
Var str=arr1.join(‘,’);
針對於最後一個元素
push:向數組插入一個元素,保存在最後一個位置
pop: 把最後這元素彈出
針對於第一個元素
shift:刪除第一個元素
unshift:向數組的開始位置插入一個元素
Arr1.shift(); //刪除最後一個元素
Arr1.unshift(‘女足’); //向數組的開始加入一個元素
reverse() 顛倒數組的順序
Slice:從開始的位置截取到結束的位置,將截取的結果返回;輸出的是截取的,
Splice():從開始的位置進行截取,將剩下的結果進行輸出
Slice與splice都是切割的,不過
Slice是輸出進行截取的,
Splice是輸出截取的扔掉,要的是剩下的結果。
Sort():預設按照字元的順序進行排序,可以用自定義函數進行定義升序降序
<script yupe=”text/javascript”> Var arr1=[120,113,56,34,21,10]; Arr1.sort(mysort); Console.log(arr1); //以下進行定義降序 Function mysort(a,b){ Return b-a; } </script>
toString()
將數組轉換成字元串
-
<script type=”text/javascript”> Var arr1=[‘曼聯隊’,’皇馬隊’,’巴西隊’,’英超隊’]; Var str=arr1.tostring(); Console.log(str); </script>
9.字元串函數
indexOf 是返回的下標
lastindexOf() 是說返回上次的下標
Split() 元素1:分隔號 元素2:返回幾個元素
Replace(x,y) 進行替換,將x替換為y
charsAt() 索引為n的元素是多少
Slice() 輸出的是包含的
Splice() 是包含的進行刪除。
Substr() 元素1:開始元素的下標 元素2:長度
Substring() 元素1:開始元素的下標 元素2:結束元素的下標
toLowerCase() 變成小寫
toUpperCase() 變成大寫
toString() 變成字元串
10.數學對象
Math.abs()對於數值進行求取絕對值
<script type=”text/javascript”>
Var num=-90;
Var res =math.abs(num);
Console.log(res);
</script>
Math.ceil()對於數值進行進一取整
Math.floor()對於數值進行降一取整
Math.round()四捨五入進行取整
Math.max()進行求取最大值
Math.min()進行求取最小值
Math.pow(x,y)冪運算
Math.random()隨機數0~1的數字
Math.sqrt(x)平方根運算
<script type=”text/javascript”> Var res =math.pow(2,3); //輸出2的3次方 Console.log(res); </script>Match()