点击id为button1的按钮打开页面后自动向下滚动的JavaScript实现咨询

该功能完全可以通过JavaScript实现，根据你是否拥有新打开页面的代码修改权限、以及两个页面是否同源，有三种常用实现方案：

方案1：同源场景无需修改新页面代码 #

仅适用于当前页面和新打开页面协议、域名、端口完全一致的场景，浏览器跨域安全策略允许父页面直接操作同源新页面的属性：

// 给id为button1的按钮绑定点击事件
document.getElementById('button1').addEventListener('click', function() {
  // 打开新页面，_blank参数表示新标签页打开
  const newTab = window.open('你的目标页面地址', '_blank');
  // 监听新页面加载完成事件
  newTab.addEventListener('load', function() {
    // 滚动到距离顶部300px的位置，可自行修改数值
    newTab.scrollTo(0, 300);
    // 如果需要滚动到指定元素位置，替换为下面的代码即可
    // newTab.document.querySelector('#目标元素ID').scrollIntoView();
  });
});

方案2：跨域场景（需修改新页面代码） #

如果两个页面不同源，你可以通过URL传参的方式传递滚动位置，不受跨域限制：

1. 父页面按钮点击事件代码：

document.getElementById('button1').addEventListener('click', function() {
  // 给目标页面URL拼接滚动参数
  const targetUrl = `你的目标页面地址?scrollY=300`;
  window.open(targetUrl, '_blank');
});

2. 新页面添加加载监听代码：

window.addEventListener('load', function() {
  // 读取URL中的滚动参数
  const params = new URLSearchParams(window.location.search);
  const scrollPosition = params.get('scrollY');
  if (scrollPosition) {
    window.scrollTo(0, Number(scrollPosition));
  }
});

方案3：无代码极简方案（仅需滚动到指定元素） #

如果你的需求只是滚动到新页面的某个固定元素位置，无需编写任何JS逻辑，直接在打开的目标URL末尾拼接#目标元素ID即可，浏览器原生支持打开页面后自动滚动到对应ID的元素位置，兼容所有主流浏览器，示例：
const targetUrl = '你的目标页面地址#section2'

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