js

点击标签弹出弹框

第一种方法

<div class="div" onclick="alert(0)">点我0</div>

第二种方法

<script>

        window.onload = function(){

            var div = document.querySelector(".div");

            div.onclick = function(){

                alert(1);

            }

        }

  </script>

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

第三种方法

在01 js.js里输入

 window.onload = function(){

            var div = document.querySelector(".div");

            div.onclick = function(){

                alert(1);

            }

        }

  <script src="./01 js.js"></script>引入js文件

第四种方法

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

 

js的基本语法

 

基本数据类型

 number 数值 整数和小数

 string 字符串 （字符）"" ''

 bool  true/false

 null 没有

 undefined

 symbol es6

object:正则、数组  字面量(json对象)

function 方法

json xml

//序列化  反序列化

JSON.stringify() //序列化

JSON.parse() //反序列化

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

console.log(stu.id)

运算符 + - * /

//小数运算乘十再除十

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

console.log(a==0.3)

// = 赋值 == 只看值 === 值和类型

console.log(a=2);

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

console.log(a==="2")

console.log(a===2)

 

// parseInt  取整  81.5  81

// parseFloat

// isNaN not a Number

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

console.log(a)

var a=parseInt(86.5+0.5);

console.log(a)//+0.5四舍五入

 arguments 伪数组 可以使用下标 对象

var arr=[1,"2",3,function(){}]

console.log(arr)//可以把所有类型放一起

// arr.shift() 头部删除

// arr.unshift()头部添加

// arr.push()尾部添加

// arr.pop()尾部删除

 

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

//  var res=arr.pop()

// console.log(arr,res) res 返回值

arr.splice(2,1,8,9)

//splice(2,1,8,9) 开始位置 删除个数 ...添加数据

console.log(arr)