如何从自有网站链接到QAI网站表格的特定行？

让我给你一步步拆解这个需求——要在自己的网站上设置链接，点击后直接跳转到QAI网站表格的指定行，核心是利用网页的锚点定位机制，具体操作分这几种情况：

1. 如果你有权限修改QAI网站的代码（最优方案） #

这是最可靠的方式，直接给目标<tr>标签添加一个唯一的id属性：

<tr id="qai-target-row-001">
  <!-- 该行的表格内容 -->
</tr>

注意这个id必须在整个QAI页面里独一无二，不能和其他元素的id重复。

之后，你在自己网站上的跳转链接就可以这么写：

[查看QAI表格目标行](https://qai-website-domain.com/table-page#qai-target-row-001)

用户点击这个链接后，浏览器会自动跳转到QAI的对应页面，并直接滚动到带有qai-target-row-001这个id的表格行位置。

2. 无法修改QAI网站代码的替代方案 #

要是你没有权限改动QAI的页面代码，就得找找目标<tr>有没有现成的唯一标识可以利用：

• 检查自定义属性：看看目标<tr>有没有类似data-row-id="123"这类自定义属性，如果有的话，可以让QAI的开发者加一段简单的JavaScript来处理锚点跳转：

  window.addEventListener('load', () => {
    const hashId = window.location.hash.slice(1);
    if (hashId) {
      const targetRow = document.querySelector(`tr[data-row-id="${hashId}"]`);
      if (targetRow) {
        // 平滑滚动到目标行，也可以去掉behavior参数用默认跳转
        targetRow.scrollIntoView({ behavior: 'smooth', block: 'start' });
      }
    }
  });
  

  这时候你的链接就可以写成 https://qai-website-domain.com/table-page#123，用户点击后页面会自动定位到对应行。
• 不推荐的文本定位：如果上面的条件都不满足，理论上可以通过行内的唯一文本用CSS选择器定位，但这种方式非常不稳定——一旦表格内容修改，链接就会失效，所以只作为最后的应急方案。

小提示 #

测试的时候记得在不同浏览器里验证一下，确保跳转和定位的效果符合预期；另外，如果目标行在页面下方，浏览器会自动滚动到该行顶部，体验会更直观。

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