JS地址栏传参

场景

首先，是使用原生JS或者jquery开发，需要一个a标签跳转到另一页面，跳转的时候地址栏携带参数，另一个页面获取到参数然后去控制页面。

步骤

• 传递参数页

//html部分
 <a  href="#" onclick="setUrl(1)">跳转1</a>
<a  href="#" onclick="setUrl(2)">跳转2</a>
<a  href="#" onclick="setUrl(3)">跳转3</a>
//js部分
function setUrl(nav) {
        window.location.href = 'src/index.html?nav='+nav
 }  

我这里遇到一个小坑，就是a标签中一开始href我写了路径，结果先去跳转了，没有执行js，后面我就直接加了“#”，然后解决了。

• 接收参数页

//js部分
let index = window.location.href.split('?')[1].split('=')[1];//index就是传递的参数

后记

这种接收方法可能只是用于传递一个参数，传递多个的时候应该不适用。