基于上一页点击位置自动加载对应联系表单的实现求助

直接依赖document.referrer并不靠谱——很多浏览器会因隐私限制屏蔽referrer信息，而且没法精准对应到具体点击的按钮。更稳妥的方式是在跳转时给URL附加查询参数，当前页面加载后读取参数并自动触发对应表单的显示逻辑。

步骤1：修改上一页的跳转逻辑 #

给每个触发跳转的div/按钮添加带参数的跳转链接，参数值对应目标表单的标识：

// 上一页中，"成为合作伙伴"块的点击事件
document.getElementById('partner-div').addEventListener('click', function() {
  window.location.href = '你的联系页面地址?form=partner';
});

// "客户咨询"块的点击事件（示例）
document.getElementById('client-div').addEventListener('click', function() {
  window.location.href = '你的联系页面地址?form=client';
});

// 另外两个表单对应的块同理，分别设置不同的form参数值，比如form=support、form=feedback

步骤2：联系页面的自动触发逻辑 #

页面加载完成后，读取URL中的参数，找到对应的触发div并模拟点击：

document.addEventListener('DOMContentLoaded', function() {
  // 解析URL查询参数
  const params = new URLSearchParams(window.location.search);
  const targetFormKey = params.get('form');

  if (targetFormKey) {
    // 拼接对应触发div的ID（比如partner对应partner-div）
    const triggerElement = document.getElementById(`${targetFormKey}-div`);
    if (triggerElement) {
      // 模拟点击，触发表单显示
      triggerElement.click();
    }
  }
});

补充说明 #

• 如果你上一页的按钮已经有跳转行为，只需要修改跳转的URL，追加?form=xxx参数即可，无需改动原有显示逻辑。
• 这种方式不受浏览器隐私设置影响，比依赖document.referrer的稳定性高得多，且能精准匹配每个表单。

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