如何在页面加载时运行JS代码并自动触发按钮点击？

我明白你想在页面加载完成后自动触发那个默认选中的Crime按钮，之前的方法没生效大概率是因为代码执行时机不对，或者没有正确定位到元素。给你几个靠谱的解决方案：

方法1：利用DOMContentLoaded事件（推荐） #

这个事件会在HTML文档完全加载并解析完成后触发，不需要等图片、样式表这些外部资源加载完，是最稳妥的时机：

document.addEventListener('DOMContentLoaded', function() {
  // 先获取目标按钮
  const defaultButton = document.getElementById('defaultOpen');
  // 先判断元素是否存在，避免控制台报错
  if (defaultButton) {
    // 模拟点击
    defaultButton.click();
  }
});

把这段代码放在<script>标签里，无论是放在<head>还是<body>的任意位置都能正常工作。

方法2：把JS代码放在页面最底部 #

如果不想用事件监听，也可以把触发点击的代码直接放在<body>的最后（所有HTML元素之后），这样浏览器解析到这段代码时，按钮元素已经被加载完成了：

<!-- 页面所有HTML内容都在上方 -->
<script>
  document.getElementById('defaultOpen').click();
</script>
</body>

排查小提示 #

• 检查按钮的id有没有拼写错误，确保是defaultOpen，大小写也要完全对应
• 确认openPage函数已经正确定义，不然就算按钮被点击了，也不会有预期的页面切换效果
• 如果之前用了window.onload，它会等所有外部资源（图片、字体等）加载完才触发，可能会比你预期的晚，所以优先用DOMContentLoaded

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