如何根据点击的链接跨页传参动态更新注册页对应内容

你推测的给链接加参数的思路完全可行，全程只需要改两处代码，不需要后端支持：

第一步：改造首页的注册跳转链接 #

给每个工作坊条目的注册链接，拼接上对应条目的日期、地点查询参数，格式为在原链接后加?参数名=参数值&第二个参数名=第二个参数值。
以你贴的6月21-22日INSPIRED工作坊为例，假设活动地点为北京朝阳会场，修改后的代码如下：

<div class="row mt-5">
    <div class="col-sm-1 text-center">
      <h5>21-22</h5>
      <medium class="text-muted">JUN</medium>
    </div>
    <div class="col-xl-11">
      <div class="d-flex w-100 justify-content-between">
        <h5 class="mb-1">INSPIRED</h5>
        <!-- 链接后拼接对应日期、地点参数 -->
        <a href="sampleurl.com/registrationform?date=6月21-22日&location=北京朝阳会场">
        <h6> register <i class="bi-arrow-right"></i> </h6>
        </a> </div>
      <p class="mb-1">Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.</p>
      <hr/>
    </div>
  </div>

其余工作坊条目按相同规则修改，每个链接的参数值替换为对应条目的真实日期、地点即可。

第二步：给注册页加参数解析与内容替换逻辑 #

1. 先给注册页上用来显示日期、地点的元素加上固定id，方便JS定位，示例：

   <div class="event-info">
     <p>活动日期：<span id="event-date">请从首页选择对应工作坊报名</span></p>
     <p>活动地点：<span id="event-location">--</span></p>
   </div>
   

   标签里的默认内容是兜底用的，一定要保留默认兜底文本，用户直接打开注册页、没从首页链接跳转时就会显示这段内容，避免出现空白。
2. 在注册页的末尾（</body>标签前）加入以下JS代码，自动读取URL里的参数替换页面内容：

   document.addEventListener('DOMContentLoaded', function() {
     const searchParams = new URLSearchParams(window.location.search);
     const dateVal = searchParams.get('date');
     const locationVal = searchParams.get('location');
     
     const dateDom = document.getElementById('event-date');
     const locationDom = document.getElementById('event-location');
     
     if (dateVal && dateDom) dateDom.textContent = decodeURIComponent(dateVal);
     if (locationVal && locationDom) locationDom.textContent = decodeURIComponent(locationVal);
   })
   

注意事项 #

• 该方案仅适合传递日期、地点这类非敏感公开信息，不要用URL参数传递密码、身份证号这类敏感内容
• 如果参数值包含空格、中文、特殊符号无需手动转码，浏览器跳转时会自动处理，JS端的decodeURIComponent会自动还原成正常文本
• 如果需要传递更多字段，按相同规则在链接后加&参数名=参数值，同时在JS里加对应的读取、替换逻辑即可

内容的提问来源于stack exchange，提问作者HigherDanDan