01 js基本用法.HTML: // 寫在HTML檔案裡的
1. //第一種用法 正常寫
<div class="div" onclick="alert(0)">點選一下</div>
2.//第二種用法 在script中寫
<script>
window.onload=function(){
var div=document.querySelector(".div");
div.onclick=function(){
alert(1);
}
}
</script> -->
3.第三種用法 引入外部檔案 ./ 引入 方法 常用方法
<script src="./01 js.js"></script>
被引入的js檔案:
window.onload=function(){
var div=document.querySelector(".div");
div.onclick=function(){
alert(1);
}
}
4.第四種用法 超連結
<a href="javascript:void(0)">空連線</a>

02 基本用法.js: // 寫在js檔案裡的
1.基本型別：
Number 數值 整數和小數
String 字串（字元） '' ""
bool true/false
null 沒有
undefined 未定義的
symbol es6
例項：
1.var a=null;
console.log(typeof a);

object: 正則表示式物件，陣列物件 字面量（json物件）
function：定義函式的關鍵字

json xml 做資料傳輸
JSON.stringify()序列化
JSON.parse()反序列化
例項1：
var stu = {
id:10001,
name:"張三"
}
console.log(stu.id);
例項2：
var stu=JSON.parse('{"id":"10001","name":"張三"}')
console.log(stu.id);

沒有塊級作用域
例項1：
var a=10;
{
a=20;
}
console.log(a); //輸出是20
例項2：
var a=10;
{
console.log(a);
a=20;
}//輸出是10

運算子：
+ - * / 只有+號可以做運算子也可以做拼接字串符
% 取餘 在計算機js運算中沒有取餘

在JS基礎上 兩數相除都是整數0
var a=1/"3";
console.log(a)

計算機儲存轉換問題 小數轉換成整數 先乘以10在除以10
// var a=0.1+0.2;
var a=(0.1*10+0.2*10)/10;
console.log(a)

= == === 布林值bool
= 賦值 == 比較相等 === 比較值和型別相等
console.log(a=2);
console.log(a=="2");
console.log(a==="2"); //型別相同 值相同
console.log(a===3); //型別相同 值不相同
console.log(a===2);

parseInt 取整 81.5 81
parseFloat
isNaN Not a Number
例項：
var a=parseInt("86.5");
console.log(a)
var a=parseInt("86a.99"); // 只轉換能轉換的數值
console.log(a)
var a=parseInt("8a6.99");
console.log(a)

支援四捨五入的 在數字後加0.5
var a=parseInt(86.99+0.5);
console.log(a)

函式
有引數有返回值
function sum(a,b){
return a+b;
}
var a=sum(3,4);
console.log(a)

arguments 引數陣列 有下標 可以當陣列用 但是個偽陣列 ... 取餘
function sum(){
console.log(arguments)
console.log(a)
return 1;
}
var a=sum(3,4,5,8,9);
console.log(a)

陣列
var arr=[];
var arr=new Array(2); //函式陣列
arr[0]=0;
arr[1]=1;
console.log(arr)

var arr=new Array();// Array() 在JS中沒有規定長度限制
arr[0]=0;
arr[1]=1;
arr[2]=2;
console.log(arr)

var 沒有限制的型別 數組裡面可以放任何型別
var arr=[1,"2",3]
console.log(arr)

arr.shift() 頭部刪除 有引數
var arr=[1,2,3,4,5];
arr.shift(); // 不需要賦值
console.log(arr);

arr.unshift() 頭部新增 有引數
var arr=[1,2,3,4,5];
arr.unshift(); // 需要賦值 賦值什麼新增什麼(數字)
console.log(arr);

arr.push() 尾部追加 有引數
var arr=[1,2,3,4,5];
arr.push(2); // 需要賦值 賦值什麼追加什麼(數字)
console.log(arr);

arr.pop() 尾部刪除 有引數
var arr=[1,2,3,4,5];
var res=arr.pop(2); // 從後往前根據下標刪除
console.log(arr,res);

arr.splice(開始位置下標,刪除個數,...新增的資料(後面的所有引數));
var arr=[1,2,3,4,5];
arr.splice(2,1,8);
console.log(arr);