我正在使用香草 Javascript，我有两个页面，page01.html并且page02.html这些页面共享相同的导航系统。我想将参数加载到 的 url 中page01，单击page02导航后，page02将在其 URL 中加载参数。例子：我上线了 page01.html我将参数加载到 URL 中，所以现在我有 page01.html/?param=X我点击菜单项page02我想加载 page02.html/?param=X有没有办法在不使用 localStorage 和 sessionStorage 的情况下做到这一点？
2 回答
慕后森
TA贡献1802条经验 获得超5个赞
这是一个使用 vanilla JavaScript 的简单解决方案：
Page01.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div>Page 1</div>
<a href="page02.html">go to page 2</a>
<script>
var linkToPage2 = document.querySelector("a[href='page02.html']");
linkToPage2.addEventListener("click", function(e){
e.preventDefault();
if(location.search){
window.location.href = "page02.html" + location.search;
}
});
</script>
</body>
</html>
Page02.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div>Page 2</div>
<a href="page01.html">go to page 1</a>
<script>
var linkToPage1 = document.querySelector("a[href='page01.html']");
linkToPage1.addEventListener("click", function(e){
e.preventDefault();
if(location.search){
window.location.href = "page01.html" + location.search;
}
});
</script>
</body>
</html>
一只萌萌小番薯
TA贡献1795条经验 获得超7个赞
我同时使用了 Bergi 的评论和 Henry 的回答来创建我自己的版本。
基本上我只是在a 标签上创建了一个onclick="menuClick();"和一个id="menuLink"。然后在 Javascript 上，我刚刚添加location.search了 href：
menuClick = function() {
document.getElementById('menuLink').href += location.search
}
添加回答
举报
0/150
提交
取消