js基本语法

js的三种用法

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>

    <div class="div">点我</div>

3： 第三种用法 链接js页面的js

    <script src="01js.js"></script>

  4：第四种用法 javascript:void(0) 代替 #号 不跳转

    <a href="javascript:void(0)">空连接</a>

 

基本数据类型

 number    数值 整数和小数

 String    字符串（字符）"" ''

 Bool      true/false

 null      没有

 undefined 未定义

symbol  es6

 

序列化 反序列化

JSON.stringify()  序列化

JSON.parse() 反序列化

var stu={

id=1000,

name="张三"

}

var stu=JSON.parse('{"id":1000,"name":"张三" }')

console.log(stu.id) 

+ - * / 加减乘除 %取余数

var a=0.1+0.2 //二进制问题 先转换为整数计算 在转换为小数

console.log(a) //0.30000004

var a=(0.1*10+0.2*10)/10;

console.log(a) //0.3

=赋值 ==只看值 ===类型，值完全相等

console.log(a=2);  //2

console.log(a=="2"); //true

console.log(a==="2"); //false

console.log(a===2); //true

 

parseInt 取整 81.5 81 不四舍五入 遇到非数值后边不转换舍弃86a 86 8a6 8

//parseFloat

//isNaN Not a number

var a=parseInt("8a6.99");

console.log(a)  //8

var a=parseInt(8.5+0.5);

console.log(a)   //9

函数

  console.log(arguments) //arguments伪数组 有下标

数组

var arr=[1,"2",3,function(){}]; //可以放任意类型

 

arr.shift()

arr.unshift()

arr.push()

arr.pop()

var arr=[1,2,3,4];

arr.shift(); //删除第一个2,3,4

arr.unshift(2);//在头部添加 2,1,2,3,4

arr.push(2);//在尾部添加 1,2,3,4,2

arr.pop(); //删除最后一个 1,2,3,

console.log(arr);

 

var arr=[1,2,3,4];

var res=arr.pop();

console.log(res); //显示删除了的数据

 

var arr=[1,2,3,4];

arr.splice(2,1,5)

 //arr.splice(开始位置,删除个数,...添加数据)  后边所有添加的都加在删除的位置

console.log(arr);