# 浏览器 API

# URLSearchParams

URLSearchParams API 用于处理 URL 之中的查询字符串,即问号之后的部分。

没有部署不支持这个 API 的浏览器,可以用url-search-params这个垫片库。

URLSearchParams 有以下方法,用来操作某个参数。

  • has():返回一个布尔值,表示是否具有某个参数
  • get():返回指定参数的第一个值
  • getAll():返回一个数组,成员是指定参数的所有值
  • set():设置指定参数
  • delete():删除指定参数
  • append():在查询字符串之中,追加一个键值对
  • toString():返回整个查询字符串

get为例:

const paramsString = 'name=jawil&age=24';
const searchParams = new URLSearchParams(paramsString);
console.log(searchParams.get('name')); // jawil
1
2
3

详情请见利用 URLSearchParams 对象获取URL之中的查询字符串,即问号之后的部分 #31

# JS Base64 编码/解码

# Base64 编码

window.btoa('zhangxinxu');
// 返回:'emhhbmd4aW54dQ=='
1
2

# Base64 解码

window.atob('emhhbmd4aW54dQ==');
// 返回:'zhangxinxu'
1
2

# 中文报错

涉及到给中文编码时,会出现报错,解决方法是编码之前先encode编码。

window.btoa(window.encodeURIComponent('嘻嘻哈哈哈哈啦啦啦啦'));
window.decodeURIComponent(window.atob('JUU1JTk4JUJCJUU1JTk4JUJCJUU1JTkzJTg4JUU1JTkzJTg4JUU1JTkzJTg4JUU1JTkzJTg4JUU1JTk1JUE2JUU1JTk1JUE2JUU1JTk1JUE2JUU1JTk1JUE2'));
1
2

Reference: 张鑫旭-原来浏览器原生支持JS Base64编码解码

本站总访问量    次