点击锚点链接（如 ）会触发浏览器默认跳转行为，导致页面滚动至对应元素位置；为防止 iframe 显示时页面突兀上移，需在事件处理函数中调用 event.preventDefault() 阻止该默认行为。

点击锚点链接（如 ``）会触发浏览器默认跳转行为，导致页面滚动至对应元素位置；为防止 iframe 显示时页面突兀上移，需在事件处理函数中调用 `event.preventdefault()` 阻止该默认行为。

当你使用 <a href="#some-id"></a> 配合 onclick 处理 iframe 显示逻辑时，浏览器会在执行 JavaScript 的同时默认尝试滚动到页面中 id="some-id" 的元素位置——而你的 iframe 元素恰好拥有该 id（例如 id="izanagisBurden"），因此点击链接后页面会瞬间“跳”到 iframe 所在位置，造成用户体验上的割裂感。

解决方法非常简洁：在每个点击函数中接收事件对象，并调用 event.preventDefault() 来取消浏览器的默认锚点跳转行为。

✅ 正确写法（修改后的 JavaScript）：

<script>
  function clickMe(event) {
    event.preventDefault(); // ? 关键：阻止默认跳转
    document.getElementById('izanagisBurden').src = "https://www.light.gg/db/items/3211806999/izanagis-burden/";
    document.getElementById('izanagisBurden').style.display = '';
    document.getElementById('forbearance').style.display = 'none';
    document.getElementById('theLament').style.display = 'none';
  }

  function clickMe2(event) {
    event.preventDefault(); // ? 同样需要
    document.getElementById('forbearance').src = "https://www.light.gg/db/items/613334176/forbearance/";
    document.getElementById('forbearance').style.display = '';
    document.getElementById('izanagisBurden').style.display = 'none';
    document.getElementById('theLament').style.display = 'none';
  }

  function clickMe3(event) {
    event.preventDefault(); // ? 全部加上
    document.getElementById('theLament').src = "https://www.light.gg/db/items/3487253372/the-lament/";
    document.getElementById('theLament').style.display = '';
    document.getElementById('forbearance').style.display = 'none';
    document.getElementById('izanagisBurden').style.display = 'none';
  }
</script>

同时，建议优化 HTML 中的链接写法：将 href="#" 或 href="#izanagisBurden" 替换为语义更清晰、无副作用的值，例如 href="javascript:void(0)" 或直接 href="#" 配合 preventDefault 即可安全使用。推荐保持 href="#"（便于键盘导航和可访问性），只要确保事件被正确拦截即可。

? 注意事项：

• event.preventDefault() 必须在事件处理函数中被调用，且需显式声明 event 参数；
• 不要遗漏任一函数——三个 clickMe 系列函数都必须添加；
• 无需修改 iframe 的 nojump="true" 属性（该属性并不存在于 HTML 标准中，会被浏览器忽略）；
• 若后续引入键盘操作（如回车触发），此方案依然有效，因 preventDefault 同样适用于 keydown 触发的点击模拟。

这样修改后，点击武器名称时 iframe 将平滑显示在原位置，页面不再滚动，用户可继续浏览上方内容，交互体验更加自然、专业。