1. 链接跳转方式汇总a标签跳转静态跳转支持新窗口/当前窗口SEO友好location.hrefJS动态跳转灵活可控适合业务逻辑跳转location.replace替换跳转无历史记录无法回退location.reload页面刷新2. 锚点定位详解实现页面内滚动定位无需刷新页面适合长页面导航、目录跳转基础用法!-- 跳转锚点 -- a href#content跳转到内容区/a !-- 锚点目标 -- div idcontent目标内容区域/div进阶优化JS平滑滚动、固定导航栏偏移校准、去除跳转后地址栏#号3. iframe 内嵌框架详解iframe 用于在当前页面内嵌另一个HTML页面实现页面嵌套、功能复用。1优点实现页面模块化复用公共页面无需重复编写隔离内外页面样式、JS环境互不干扰可嵌入第三方页面、地图、视频、表单等外部资源局部刷新页面无需整页重载2缺点阻塞主页面加载影响首屏性能SEO不友好搜索引擎无法抓取内嵌页面内容存在跨域通信、安全劫持风险增加浏览器内存开销嵌套过多导致页面卡顿浏览器历史记录混乱回退体验差3使用规范与避坑非必要不使用优先组件化复用替代iframe必须设置 width、height、border:none 清除默认边框添加 sandbox 安全属性限制内嵌页面权限禁止嵌套多层iframe避免性能雪崩跨页面通信使用 postMessage 安全方案iframe srchttps://xxx.com width100% height500 frameborder0 sandbox/iframe
