场景
首先，是使用原生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就是传递的参数
后记
这种接收方法可能只是用于传递一个参数，传递多个的时候应该不适用。
网友评论