js中的常用api

浏览器与Dom操作

1.window.location.herf

使用window.location.herf = '\login' 来条转到指定网址

2.window.getElementById

用来获取指定 id 的 DOM 元素

const html = window.getElementById("home");

3.window.location.replace

用于跳转页面且不留历史

window.location.replace("https://baidu.com");

3.Element.style.color

改变获取到的dom元素的颜色

const app = window.getElementById("app");
app.style.color = "red";

事件处理

1.addEventLinstener

用来给获取到的dom元素添加事件

const app = window.getElementById("app");
app.addEventListener('click',()=>{});

定时与异步

1.setTimeOut()

用于延迟执行某一逻辑

setTimeOut(()=>{},1000);

2.setInterval()

用于定时循环执行函数

setInterval(()=>{},1000);

关于Cookie

1.document.cookie

用于获取/设置Cookie

document.cookie = "auto_token = 123; path = /";

JSON 与 对象处理

JSON 是一个文本数据格式，专门用来在前后端传输数据，键必须要用"",在前后端传输对象的时候必须要将对象序列化成字符串

1.JSON.stringify()

将对象转 JSON 字符串

2.JSON.parse()

将JSON 字符串转换成对象

JSON.parse('{"name" : "张三":}');

3.map 对数组进行修改返回新数组

const arr = [1, 2, 3];
arr.map(x => x + 2);

4.filter 对数组进行过滤返回新数组

[1, 2, 3].filter(x => x < 2);

5.slice() 截取数组返回新数组

记住start, end 中 end 是不包含的

6.contat 合并数组

[1, 2, 3].concat([4, 5, 6]);

7.修改原数组的方法

push(), pop(), unshift() 在开头添加元素, shift() 在开头删除元素，sort() 排序， reverse() 原地反转

8.forEach()

遍历数组可以对数组进行操作或者修改

[1, 2, 3].forEach((el, index, arr) => {
    console.log(el);
    arr[index] = el * 2;
})

工具函数/类型判断

1.typeof 用于判断类型

typeof 123 === '123'

2.Number(),parseInt()

转数字

3.Stirng()

转字符串

4. Date

日期操作

new Date();

5.数学函数 Math

Math.random(), Math.floor()

BOM 浏览器对象模型

1.alert(),prompt(),confirm() 弹框

2.screen.width/height 屏幕宽高

3.window.scrollTo(x, y) 滚动窗口

4.window.open(url) 打开新窗口