1. 程式人生 > 其它 >js基本用法和語法

js基本用法和語法

<!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()反序列化

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(開始位置,刪除個數,...新增資料)