`标记锚点位置,再在源页面用完整URL+锚点组合(如`page2.htmltarget`)实现跨页跳转。
这种技术特别适合长文档导航,比如产品说明书或教程目录。注意保持锚点名称的语义化(如`price`而非`abc`),这对SEO和可维护性至关重要。
2. 按钮跳转:视觉触发器

比起朴素的文字链接,`
为兼顾无障碍访问,务必添加`aria-label`描述按钮功能。如果是重要操作(如付款确认),建议结合JavaScript的`window.open`方法,通过`target="_blank"`在新标签页打开,避免中断用户流程。
3. 延时跳转:沉浸式引导
当您需要展示倒计时或完成动画时,`setTimeout(function{ window.location.href='page2.html' },3000)`这类代码能创造仪式感。常见于抽奖结果页、注册成功页等场景。

但要注意:过度使用可能引发用户焦虑。最佳实践是在等待期间显示进度条,并提供「立即跳转」的取消按钮。搜索引擎通常不追踪JS跳转,因此关键内容仍需直接链接可访问。
4. 条件跳转:智能分流术
通过`if(userType === 'vip'){ redirectToVIPPage }`这样的逻辑判断,您可以根据用户设备、地理位置或登录状态展示不同页面。这种动态路由技术能大幅提升个性化体验。
实现方式上,前端可用JavaScript检测浏览器参数,后端则可通过PHP的`header("Location: page2.php")`或Node.js的`res.redirect`处理。记得为爬虫设置合理的默认跳转路径,避免SEO黑洞。
5. 表单跳转:数据传送带
当搜索框或联系方式需要跨页传递参数时,`