点击元素跳转后自动定位ID并触发点击操作的技术实现咨询

嘿，针对你提到的两个自动操作需求，我整理了具体的实现方案，都是基于前端JavaScript来完成的，直接上干货：

需求一：点击元素A跳转后自动定位目标ID并完成操作 #

当你从页面点击元素A跳转到带锚点的目标URL（比如https://your-site.com/target#idexample）后，目标页面可以通过监听页面加载事件，自动定位到对应ID的元素并执行你需要的操作。这里以“点击该元素”为例，你可以根据需求改成其他操作（比如添加高亮类、平滑滚动到位置等）：

// 目标页面的脚本
document.addEventListener('DOMContentLoaded', function() {
  // 获取URL中的锚点（比如#idexample）
  const targetId = window.location.hash;
  
  // 检查是否存在有效锚点
  if (targetId && targetId.startsWith('#')) {
    const targetElement = document.querySelector(targetId);
    
    if (targetElement) {
      // 执行你需要的操作，这里示例是点击元素
      targetElement.click();
      // 如果是需要滚动到该元素，也可以用：
      // targetElement.scrollIntoView({ behavior: 'smooth' });
    }
  }
});

如果你的跳转URL原本没有自带锚点，那需要在源页面给元素A绑定点击事件，手动给跳转URL加上目标ID的锚点：

// 源页面中元素A的点击事件
document.getElementById('elementA').addEventListener('click', function(e) {
  e.preventDefault(); // 阻止默认跳转行为
  const targetUrl = 'https://your-site.com/target#idexample'; // 带上目标锚点
  window.location.href = targetUrl;
});

需求二：跨站点带锚点跳转后，自动点击目标ID内无href的a标签 #

这个需求需要更精准地定位到目标ID元素内的特定a标签（无href属性的）。同样在目标站点的页面添加脚本即可：

// 目标站点页面的脚本
window.addEventListener('load', function() {
  const targetId = window.location.hash;
  
  if (targetId) {
    const containerElement = document.querySelector(targetId);
    
    if (containerElement) {
      // 精准找到容器内所有没有href属性的a标签
      const targetLink = containerElement.querySelector('a:not([href])');
      
      if (targetLink) {
        // 执行点击操作
        targetLink.click();
        console.log('已自动点击目标a标签');
      } else {
        console.log('未找到符合条件的a标签');
      }
    }
  }
});

⚠️ 注意：如果两个站点是跨域的（比如一个是site-a.com，一个是site-b.com），源页面无法直接控制目标页面的脚本执行，这时候你需要确保目标站点的页面已经提前嵌入了上述脚本。如果是同域站点，直接用上面的代码就没问题。

内容的提问来源于stack exchange，提问作者Marek Petrů