Javascript 在页面更改时保留 URL 参数
我正在使用香草 Javascript，
我有两个页面，page01.html并且page02.html这些页面共享相同的导航系统。
我想将参数加载到 的 url 中page01，单击page02导航后，page02将在其 URL 中加载参数。
例子：
我上线了
page01.html我将参数加载到 URL 中，所以现在我有 page01.html/?param=X
我点击菜单项page02
我想加载 page02.html/?param=X
有没有办法在不使用 localStorage 和 sessionStorage 的情况下做到这一点？
海绵宝宝撒浏览 159回答 2
2回答
-
慕后森
这是一个使用 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> -
一只萌萌小番薯
我同时使用了 Bergi 的评论和 Henry 的回答来创建我自己的版本。基本上我只是在a 标签上创建了一个onclick="menuClick();"和一个id="menuLink"。然后在 Javascript 上，我刚刚添加location.search了 href：menuClick = function() { document.getElementById('menuLink').href += location.search }
随时随地看视频慕课网APP
相关分类
JavaScript