如何判断two.html页面是被直接访问还是从one.js跳转而来

方案1：使用document.referrer判断 #

• 这是最简单的原生实现方案，不需要修改one.js的跳转逻辑，直接在two.js中读取document.referrer属性即可，该属性会返回跳转来源页面的完整URL。
• 代码示例：

// two.js 内的代码
const fromPage = document.referrer;
// 匹配规则可根据你实际的one.html部署地址调整
if (fromPage.includes('one.html')) {
  console.log('从one.html跳转而来');
} else if (fromPage === '') {
  console.log('用户直接访问/从浏览器书签打开/从其他非网页来源打开');
} else {
  console.log('从其他页面跳转而来');
}

• 注意事项：如果用户手动修改了浏览器的referrer策略，或者从HTTPS页面跳转到HTTP页面，referrer可能会为空，存在一定的误判概率

方案2：跳转时携带URL参数（准确率最高） #

• 先修改one.js的跳转逻辑，跳转时在two.html的地址后加上自定义的来源参数，比如?from=one
• one.js代码示例：

// 原跳转逻辑修改为
window.location.href = 'two.html?from=one';

• 然后在two.js内读取URL的search参数判断即可：

// two.js 内的代码
const urlParams = new URLSearchParams(window.location.search);
const from = urlParams.get('from');
if (from === 'one') {
  console.log('从one.html跳转而来');
} else {
  console.log('用户直接访问或从其他来源跳转');
}

• 优点：不受referrer策略影响，准确率100%；如果需要防止用户手动伪造参数，可以再加时间戳加密校验，普通场景不需要额外处理。

方案3：使用sessionStorage做状态标记 #

• 跳转前在one.js中往sessionStorage写入标记，two.js读取后再清除，避免状态残留
• one.js代码示例：

sessionStorage.setItem('jump_from_one', '1');
window.location.href = 'two.html';

• two.js代码示例：

if (sessionStorage.getItem('jump_from_one') === '1') {
  console.log('从one.html跳转而来');
  // 读取后立即清除，避免下次直接访问two.html时误判
  sessionStorage.removeItem('jump_from_one');
} else {
  console.log('用户直接访问或从其他来源跳转');
}

• 注意事项：如果用户打开页面后禁用了本地存储，该方案会失效，同时用户在同一个会话下手动刷新two.html也会丢失标记

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