js基本用法和語法
阿新 • • 發佈:2021-11-02
<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<metaname="viewport"content="width=device-width,initial-scale=1.0">
<title>Document</title>
<!--<script>
//第二種方式直接寫在<script></script>標籤內
window.onload=function(){
vardiv=document.querySelector(".div");
div.onclick=function(){
alert(1);
}
}
</script>-->
<!--第三種用法使用<scriptsrc="">連結js檔案-->
js檔案
window.onload=function(){
vardiv=document.querySelector(".div");
div.onclick=function(){
alert(1);
}
}
<scriptsrc="./01js.js"></script>
</head>
<body>
<!--第一種用法直接寫在標籤內-->
<divclass="div"onclick="alert(0)">點我</div>
<!--第四種方法用來代替<ahref="#"></a>-->
<ahref="javascript:void(0)">空連線</a>
</body>
</html>
JS的基本資料型別:
number數值整數和小數
String字串(字元)""''
Boolean true/false
null沒有
undefined未定義
symboles6
JS的複雜資料型別:
物件:object:正則、陣列字面量(json物件)
陣列 :vararr=newArray() 小括號裡數字可寫可不寫
函式:function方法
(1)物件 typeof 型別 jsonxml 序列化反序列化 JSON.stringify()序列化 JSON.parse()反序列化
顯示結果是20
+-*/%除了+號(可連線兩個字元),其他運算都正常 vara=1/"3"; console.log(a); //0.3333333333333333 vara=0.1+0.2; console.log(a); //結果0.30000000000000004 為什麼不等於0.3的原因:計算機在處理小數時是使用二進位制 //解決方法先把小數轉化成整數計算,再轉化為小數 vara=(0.1*10+0.2*10)/10; console.log(a); //結果0.3
=賦值==值相等===值和型別都相等(絕對等於) parseInt取整(只取整數部分) parseFloat isNaNnotanumber 為true,是非數值,為false是數值
vara=parseInt("86a.5"); console.log(a); //結果是86 a以及a以後的都不識別 vara=parseFloat("86.5"); console.log(a); //結果86.5
實現四捨五入 vara=parseInt(86.5+0.5); console.log(a);
functionsum(a,b){ console.log(arguments);//arguments偽陣列,可以使用下標當陣列使用引數陣列(所有傳的值) returna+b; } vara=sum(3);//NaN vara=sum(3,4);//a+b7 vara=sum(3,4,5);//a+b7 console.log(a);
vararr=newArray();//Array(2)2是無意義的,可以不寫 a[0]=0; a[1]=1; console.log(arr);
vararr=[1,"2",3];//[]可以放任意型別,但不推薦這樣做 console.log(arr);
arr.shift();在頭部刪除第一個 arr.unshift();在頭部新增 小括號內需要傳值,在頭部新增 arr.push();追加在尾部新增小括號內需要傳值 arr.pop();在尾部刪除 splice(2,1,8,9) splice(開始位置,刪除個數,...新增資料)
(1)物件 typeof 型別 jsonxml 序列化反序列化 JSON.stringify()序列化 JSON.parse()反序列化
用JSON.parse()反序列化進行轉換,然後再進行顯示stu.id
顯示結果是20
+-*/%除了+號(可連線兩個字元),其他運算都正常 vara=1/"3"; console.log(a); //0.3333333333333333 vara=0.1+0.2; console.log(a); //結果0.30000000000000004 為什麼不等於0.3的原因:計算機在處理小數時是使用二進位制 //解決方法先把小數轉化成整數計算,再轉化為小數 vara=(0.1*10+0.2*10)/10; console.log(a); //結果0.3
=賦值==值相等===值和型別都相等(絕對等於) parseInt取整(只取整數部分) parseFloat isNaNnotanumber 為true,是非數值,為false是數值
vara=parseInt("86a.5"); console.log(a); //結果是86 a以及a以後的都不識別 vara=parseFloat("86.5"); console.log(a); //結果86.5
實現四捨五入 vara=parseInt(86.5+0.5); console.log(a);
functionsum(a,b){ console.log(arguments);//arguments偽陣列,可以使用下標當陣列使用引數陣列(所有傳的值) returna+b; } vara=sum(3);//NaN vara=sum(3,4);//a+b7 vara=sum(3,4,5);//a+b7 console.log(a);
vararr=newArray();//Array(2)2是無意義的,可以不寫 a[0]=0; a[1]=1; console.log(arr);
vararr=[1,"2",3];//[]可以放任意型別,但不推薦這樣做 console.log(arr);
arr.shift();在頭部刪除第一個 arr.unshift();在頭部新增 小括號內需要傳值,在頭部新增 arr.push();追加在尾部新增小括號內需要傳值 arr.pop();在尾部刪除 splice(2,1,8,9) splice(開始位置,刪除個數,...新增資料)