<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<!-- <script>
// 第二种方式 直接写在<script></script>标签内
window.onload=function(){
var div=document.querySelector(".div");
div.onclick=function(){
alert(1);
}
}
</script> -->
<!-- 第三种用法 使用<script src="">链接js文件 -->
js文件
window.onload=function(){
var div=document.querySelector(".div");
div.onclick=function(){
alert(1);
}
}
<script src="./01 js.js"></script>
</head>
<body>
<!-- 第一种用法 直接写在标签内 -->
<div class="div" onclick="alert(0)">点我</div>
<!-- 第四种方法 用来代替<a href="#"></a> -->
<a href="javascript:void(0)">空连接</a>
</body>
</html>
JS的基本数据类型：
number 数值 整数和小数
String 字符串（字符） "" ''
Boolean true/false
null 没有
undefined 未定义
symbol es6
JS的复杂数据类型：
对象：object:正则、数组 字面量（json对象）
数组 ：var arr=new Array() 小括号里数字可写可不写
函数：function 方法
(1)对象
typeof 类型
json xml
序列化 反序列化
JSON.stringify() 序列化
JSON.parse() 反序列化
用JSON.parse() 反序列化进行转换，然后再进行显示stu.id
显示结果是20+ - * / % 除了+号（可连接两个字符），其他运算都正常
var a=1/"3";
console.log(a);
//0.3333333333333333
var a=0.1+0.2;
console.log(a);
//结果 0.30000000000000004 为什么不等于0.3的原因：计算机在处理小数时是使用二进制
//解决方法 先把小数转化成整数计算，再转化为小数
var a=(0.1*10+0.2*10)/10;
console.log(a);
//结果 0.3
= 赋值 == 值相等 === 值和类型都相等（绝对等于）
parseInt 取整 （只取整数部分）
parseFloat
isNaN not a number 为true，是非数值，为false是数值
var a=parseInt("86a.5");
console.log(a);
//结果是86 a以及a以后的都不识别
var a=parseFloat("86.5");
console.log(a);
//结果86.5
实现四舍五入
var a=parseInt(86.5+0.5);
console.log(a);
function sum(a,b){
console.log(arguments);//arguments 伪数组，可以使用下标当数组使用 参数数组(所有传的值)
return a+b;
}
var a=sum(3); //NaN
var a=sum(3,4); //a+b 7
var a=sum(3,4,5); //a+b 7
console.log(a);
var arr=new Array();//Array(2) 2是无意义的，可以不写
a[0]=0;
a[1]=1;
console.log(arr);
var arr=[1,"2",3]; //[]可以放任意类型，但不推荐这样做
console.log(arr);
arr.shift(); 在头部删除第一个
arr.unshift(); 在头部添加 小括号内需要传值，在头部添加
arr.push(); 追加 在尾部添加 小括号内需要传值
arr.pop(); 在尾部删除
splice(2,1,8,9) splice(开始位置，删除个数，...添加数据)
本文章为转载内容，我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题，欢迎原作者联系我们进行内容更正或删除文章。
