如何使用jQuery检查验证过往页面访问URL？能否通过jQuery的if-else语句实现静态拼图页面的指定来源访问控制？

嘿，这个需求完全可以用jQuery配合前端的原生API来实现，不过得先给你打个预防针：前端层面的访问控制不是绝对安全的——毕竟用户能通过浏览器控制台修改数据，但对于普通场景来说，这个方案足够满足你的需求了。咱们一步步来拆解：

浏览器提供了document.referrer属性，它会记录用户是从哪个页面跳转到当前页面的。咱们可以利用这个属性结合if-else来做验证：

首先，在你的result页面里，先加载jQuery，然后添加这段代码：

$(document).ready(function() {
  // 获取用户的来源页面URL
  const userReferrer = document.referrer;
  // 定义允许的来源域名（你的指定站点）
  const allowedSource = "https://example.com";

  // 验证来源是否符合要求
  if (userReferrer.startsWith(allowedSource)) {
    // 来源合法，正常显示页面内容
    $("body").show(); // 建议先在CSS里设置body默认隐藏，避免内容闪现
  } else {
    // 来源不合法（包括直接访问、其他站点跳转），清空页面
    $("body").empty();
    // 你也可以换成提示文本：$("body").html("<p>访问受限，请从指定页面进入</p>");
  }
});

注意事项： #

• 记得在页面的CSS里加一句body { display: none; }，这样只有验证通过后才显示内容，避免用户看到一闪而过的页面。
• document.referrer在一些场景下会为空：比如用户直接输入URL、从书签访问、跨协议跳转（HTTPS→HTTP或反之）、浏览器隐私模式等，这时候也会触发else分支，刚好符合你“直接访问就不显示”的需求。

如果需要更严格地验证用户确实是从你指定的某个页面跳转（而不仅仅是同域名下的任意页面），可以用sessionStorage来记录访问轨迹：

1. **在跳转源页面（比如https://example.com的首页）**添加这段代码，标记用户的合法访问路径：

$(document).ready(function() {
  // 往会话存储里写入一个标记，表示用户从合法页面进入
  sessionStorage.setItem("hasVisitedHome", "true");
});

2. 在result页面验证这个标记，同时结合referrer做双重校验：

$(document).ready(function() {
  const hasValidEntry = sessionStorage.getItem("hasVisitedHome") === "true";
  const isAllowedReferrer = document.referrer.startsWith("https://example.com");

  // 双重验证：既有合法来源，又有访问标记
  if (hasValidEntry && isAllowedReferrer) {
    $("body").show();
    // 验证通过后清除标记，避免用户刷新页面或重复使用
    sessionStorage.removeItem("hasVisitedHome");
  } else {
    $("body").empty();
  }
});

sessionStorage是会话级的存储，用户关闭浏览器就会自动清空，非常适合这种一次性的访问验证。

再次强调：前端的访问控制只能起到“普通拦截”的作用，懂技术的用户可以通过浏览器控制台修改document.referrer或者手动添加sessionStorage的项来绕过验证。

如果需要绝对安全的访问控制，必须结合后端逻辑：比如后端生成一次性的验证token，跳转时把token作为参数传递给result页面，后端验证token的有效性后再返回页面内容。但如果你的页面是纯静态的（没有后端支持），那前面的前端方案就是最优解了。

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