js 基础用法
点击事件
<!-- 第一种点击事件方式 -->
<!-- <div class="div" onclick="alert(0)">
<!-- 点我 -->
<!-- 第二种点击事件方式 -->
<div class="div" >
点我
</div>
<!-- <script>
// 第二种点击事件方式
window.onload=function(){
var div=document.querySelector(".div");
div.onclick=function(){
alert(1);
}
}
</script> -->
<div class="div" >
<!-- 第三种点击事件方式 -->
点我
</div>
<script src="./01js.js"></script> 链接
window.onload=function(){
var div=document.querySelector(".div");
div.onclick=function(){
alert(1);
}
}
<!-- 第四种 点击事件方式--> 空连接不做任何跳转
<a href="javascript.void(0)">空连接</a>
js 基础语法
javascript 六种基本数据类型
Number 数值 整数和小数
string 字符串 （字符） "" ""
bool true/false
null 没有
undefined 未定义
symbol es6
js 有哪些内置对象
(1) Object 是 JavaScript 中所有对象的父对象
(2) 数据封装类对象：Object、Array、Boolean、Number 和 String
(3) 其他对象：Function、Arguments、Math、Date、RegExp、Error
object: 正则表达式 数组对象 字面量（json对象） function :
// json xml 字数传输
// 序列化 反序列化
// JSON.stringify() 序列化
// JSON.parse() 反序列化
json.stringify语法实例讲解
语法：
JSON.stringify(value [, replacer] [, space])
- value：是必选字段。就是你输入的对象，比如数组，类等。
- replacer：这个是可选的。它又分为2种方式，一种是数组，第二种是方法。
情况一：replacer为数组时，通过后面的实验可以知道，它是和第一个参数value有关系的。一般来说，系列化后的结果是通过键值对来进行表示的。 所以，如果此时第二个参数的值在第一个存在，那么就以第二个参数的值做key，第一个参数的值为value进行表示，如果不存在，就忽略。
情况二：replacer为方法时，那很简单，就是说把系列化后的每一个对象（记住是每一个）传进方法里面进行处理。
- space：就是用什么来做分隔符的。
1）如果省略的话，那么显示出来的值就没有分隔符，直接输出来。
2）如果是一个数字的话，那么它就定义缩进几个字符，当然如果大于10 ，则默认为10，因为最大值为10。
3）如果是一些转义字符，比如“\t”，表示回车，那么它每行一个回车。
4）如果仅仅是字符串，就在每行输出值的时候把这些字符串附加上去。当然，最大长度也是10个字符。
// + - * / %
+"字符串运算 连接字符串"
+"字符串运算 连接字符串"
// %==取余
// js 当中有余数这一说，但是其他的会有（标准的语言）
// 因为JS 中整数和小数都有余数
js中%什么意思
1、在Javascript中，在语句执行中，%代表取模，俗称取余数，例如
10%10
return value: 0
10%20
return value: 10
2、在浏览器地址编码中，%可以代表一个编码的开始，例如
%20 代表的是空格
/ eg:
var a=3-"1";
console.log(a);
//
var a=1/"3";
console.log(a);
//
var a=(0.1*10+0.2*10)/10;
console.log(a==0.3);
面试题：为什么0.1+0.2=0.30000000000000004 使用js回答这个问题
// (0.1*10+0.2*10)/10;
// = ==和===的不同
// = 赋值
// ==之比较“转化成同一类型后的值”看“值”是否相等 “值”
/ eg:
console.log(a=2); // 2
console.log(a=="2"); // true
console.log(a==="2");// false
// parseInt 转化 取整 81.5 //81
// parseFloat
// isNaN Not a Number
// eg:var a=parseInt(\'8a6.99\');
console.log(a);
/ eg:var a=parseInt(\'86.5+0.5\'); //86
console.log(a);
//函数 含参数含返回值
// arguments 参数数组 (所有的数据都能传出) 伪数组可以当数组使用 有下标
function sum(a,b){
console.log( arguments);
console.log(a);
return 1;
}
var a=sum(3,4,5,8,9);
console.log(a);// 7
/ eg:
var arr=new Array();
arr[0]=0;
arr[1]=1;
arr[2]=2;
console.log(arr);
var arr=[1,"2",3,function(){}];
console.log(arr);
// arr.shift(); 头部删除
// arr.unshift(); 头部添加
// arr.push();尾部添加
// arr.pop();尾部删除
var arr=[1,2,3,4,5];
arr.shift();
arr.unshift(2);
arr.push(2);
arr.pop();
console.log(arr);
//可以查看删除的元素
var arr=[1,2,3,4,5];
// var res=arr.pop();
// console.log(arr,res);
//开始位置 删除个数 ...添加数据（替换）
arr.splice(2,1,8); (2,1,8)
console.log(arr);