时间戳

首页 > 解决方案 > 如何将参数作为本地存储中的变量添加到 URL 路径？

html - 如何将参数作为本地存储中的变量添加到 URL 路径？

问题描述

正如问题所暗示的那样，我正在尝试获取本地存储变量并将其用作 href 链接的参数。我不能手动输入参数，因为它可能有很多不同的值，那么如何将此变量附加到 url 路径字符串？

下面是 href 的代码，我知道我不能只将 localStorage.getItem 放在 url 中，但这只是为了了解我想要做什么

<a
  href="subject-page.html?subjectID=localStorage.getItem('myFutureCurrenSubjectID')" 
  id="subject"
>
   Subject Name
</a>

标签： htmlparameterslocal-storagehref

解决方案

您可以像这样定义一个为您处理该问题的函数。确保文件已添加或包含在脚本标记中。

<script>
  document.body.onload = function() {
    const value = localStorage.getItem('myFutureCurrenSubjectID');
    const url = `subject-page.html?subjectID=${value}`;
    const a = document.querySelector('#link');   
    a.href = URL;
   }
</script>

<body>
 <a id="link">Link</a>
</body>

推荐阅读