Javascript 在重定向时添加参数

单击按钮时，我很难向URL添加参数。 因此，在第1页中，当单击一个按钮时，它会重定向到第2页，并向第2页的URL添加一个参数

参数应为第1页url的最后一部分：

第1页url:PAGE.com/page1/food->food应该是按钮单击时添加到第2页的参数

第2页url:PAGE.com/page2->将参数添加到此url

---

我一直在尝试这样做，但我不知道如何在单击按钮时将参数从第1页传递到第2页。您可以使用

window.location.href

获取当前页面的URL。这将存储为字符串。然后，您可以使用

.split（'/'）

将字符串转换为参数数组（其中每个索引根据

/

进行拆分）

例如：

“page.com/page1/food.split（'/'）

将产生：

const params=[“page.com”、“page1”、“food”]

要获取此数组的最后一个元素，可以使用

params.length-1

作为索引，然后将检索到的值附加到重定向页面的末尾。要重定向，请将

window.location.href

设置为等于新url

请参见下面的工作示例：

$（'#重定向'）。单击（函数（）{
const url=window.location.href；//'https://stacksnippets.net/js'
const params=url.split（'/'）；//['https'，''，'stacksnippets.net'，'js']
const parameter=params[params.length-1]；/“js”
常量第2页=”https://www.example.com/“+参数；/”https://www.example.com/js'
警报（“转到新页面：+page2”）；
window.location.href=page2//转到第2页url
});

点击我
你可以很容易地通过JS获取URL

您尚未在问题中提供按钮单击代码。所以我假设有两种方法可以重定向到另一个页面

您可以添加一个按钮并编写一个单击函数来重定向

<button onclick="redirect()"> Go To Page 2 </button>
<script>
function redirect()
{
    var currentUrl = window.location.href;
    var parts = currentUrl.split("/");
    var param = parts[parts.length() -  1];
    window.location.hef = page2_url + "/" + param;
}
</script>

转到第2页
函数重定向（）
{
var currentUrl=window.location.href；
var parts=currentUrl.split（“/”）；
var param=parts[parts.length（）-1]；
window.location.hef=page2_url+“/”+参数；
}

您还可以为重定向添加锚定标记

<a href="page2_url" id="redirectlink"> Button </a>
<script>
  (function(){
      var currentUrl = window.location.href;
      var parts = currentUrl.split("/");
      var param = parts[parts.length() -  1];

      $("#redirectlink").attr("href", "page2_url" + "/" + param)
 })()
</script>


（功能（）{
var currentUrl=window.location.href；
var parts=currentUrl.split（“/”）；
var param=parts[parts.length（）-1]；
$（“#重定向链接”）.attr（“href”，“page2_url”+“/”+参数）
})()

你能提供你迄今为止尝试过的代码吗？你能修改URL结构吗？将页面放在最后是最有意义的，因此
page.com/food/2
，那么修改它就很简单了。@Rorymcrossan第2页是网站的另一部分，上面有很多子页面，这就是为什么它不能移动到第1页下的原因。你可以使用锚吗？