创建URL实现加载网页后自动滚动至内嵌Google Doc书签位置

步骤1：给内嵌的iframe添加唯一ID #

先打开你的目标页面（比如5.php），找到嵌入Google Doc的<iframe>标签，给它加个专属ID，方便后续JS定位：

<iframe id="embedded-gdoc" src="你的Google Doc嵌入链接" width="100%" height="800"></iframe>

步骤2：添加JavaScript处理锚点逻辑 #

在页面底部（或者DOM加载完成的事件回调里）插入这段JS代码，用来读取URL锚点并控制iframe跳转：

document.addEventListener('DOMContentLoaded', function() {
  // 提取URL里的锚点内容（去掉开头的#）
  const targetBookmark = window.location.hash.slice(1);
  
  if (targetBookmark) {
    const iframe = document.getElementById('embedded-gdoc');
    if (iframe) {
      // 先清除iframe原链接里的旧锚点，再追加新的目标书签
      const cleanSrc = iframe.src.split('#')[0];
      iframe.src = `${cleanSrc}#${targetBookmark}`;
    }
  }
});

步骤3：确认书签格式有效性 #

你用的锚点（比如h.2lfnejv）要和Google Doc自身的书签格式一致——手动点击Google Doc目录里的「Board Meetings」，复制地址栏里的锚点部分直接复用就行。

关键注意事项 #

• 确保你的Google Doc嵌入链接是公开可访问的官方嵌入地址，避免跨域权限问题。
• 测试时直接用构造好的URL（比如https://www.hpaspart.com/5.php#h.2lfnejv）打开，检查iframe是否自动滚动到目标书签位置。

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