javascript - 如何将事件元素id添加到url

Question

我试图将事件元素的 id 值添加到 url 中。然后使用按钮重定向到 url。

HTML

<div class="icon" tabindex="0" id="company">
    <img src="company.png">
</div>
<button type="submit" onclick="myFunction()">jump</button>

Javascript

function myFunction(){
   var x = document.activeElement.id;
   location.href = "apps-online.html?page=" + x;
}

我的期望是:当我点击按钮时，它会重定向到页面

"apps-online.html?page=company"

但是，新页面的url是

"apps-online.html?page="

我想知道为什么 x 的值没有被添加到 url。

---

大家好。现在我明白了为什么会出现这个问题。因为每次单击按钮时，按钮都会成为最后一个事件元素。

那么有什么办法可以达到我的目的吗？

Answer 1

请检查 x 的值是否为空如果它为空 x 的值将作为空传递，因此 url 中没有值。尝试调试代码或使用 console.log

function myFunction(){
   var x = document.activeElement.id;
   console.log(x);
   location.href = "apps-online.html?page=" + x;
}

这给出了控制台中 x 的值检查这个。