You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何修改现有HTML导航链接使其跳转至指定外部网站

HTML导航链接跳转外部站修改方法

你只需要修改<a>标签的href属性即可实现需求:
原代码中href="#news"是页内锚点规则,仅会定位到当前页面内id为news的元素,不会跳转其他站点。你需要把href的属性值替换为目标站点的完整访问地址,必须带http://或https://前缀,基础修改示例如下:

<li class="nav-item">
  <a class="nav-link" href="https://替换为你要跳转的目标站点完整地址">Link Accounts</a>
</li>

如果需要点击后在新标签页打开外部站点,避免覆盖当前正在浏览的页面,可以额外增加两个属性,兼顾使用体验和安全:

<li class="nav-item">
  <a class="nav-link" href="https://替换为你要跳转的目标站点完整地址" target="_blank" rel="noopener noreferrer">Link Accounts</a>
</li>
  • target="_blank":指定链接在新的浏览器标签页打开
  • rel="noopener noreferrer":避免新打开的外部站点获取原页面的上下文信息,规避隐私泄露和恶意跳转风险

内容的提问来源于stack exchange,提问作者Woodington14

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.03 02:48:04