我想用从当前页面获取的id用此代码链接到另一个页面

<!-- 当前页面 -->
<a href="target-page.html?id=123">Go to Target Page</a>

// target-page.html
<script>
  const urlParams = new URLSearchParams(window.location.search);
  const id = urlParams.get('id');
  console.log(id); // 输出: 123
</script>

<!-- 当前页面 -->
<button onclick="navigateToTargetPage()">Go to Target Page</button>

<script>
function navigateToTargetPage() {
  const id = 123; // 假设这是从当前页面获取的ID
  window.location.href = `target-page.html?id=${id}`;
}
</script>

<!-- 当前页面 -->
<form action="target-page.html" method="get">
  <input type="hidden" name="id" value="123">
  <button type="submit">Go to Target Page</button>
</form>

// target-page.html
<script>
  const urlParams = new URLSearchParams(window.location.search);
  const id = urlParams.get('id');
  console.log(id); // 输出: 123
</script>