📅 最后修改于: 2023-12-03 15:06:46.992000 🧑 作者: Mango
在 HTML 中，有一种属性叫做 "autofocus"，可以将焦点自动聚焦到指定的元素上。如果需要在页面加载完成后自动聚焦到某个按钮上，可以使用该属性。
例如，下面是一个简单的 HTML 页面，其中一个按钮带有 "autofocus" 属性：
<!DOCTYPE html>
<html>
<head>
<title>自动聚焦按钮示例</title>
</head>
<body>
<h1>自动聚焦按钮示例</h1>
<p>页面加载时将自动聚焦到下面的按钮上：</p>
<button autofocus>点击我</button>
</body>
</html>
以上代码会将焦点自动聚焦到 "点击我" 按钮上。
需要注意的是，"autofocus" 属性只能用于一个元素，并且只在页面加载完成后才会生效。如果需要在某个条件满足时自动聚焦到按钮上，则需要使用 JavaScript 实现。
以下是通过 JavaScript 实现自动聚焦按钮的示例代码：
<!DOCTYPE html>
<html>
<head>
<title>自动聚焦按钮示例</title>
<script>
window.onload = function() {
document.getElementById("btn").focus();
}
</script>
</head>
<body>
<h1>自动聚焦按钮示例</h1>
<p>页面加载时将自动聚焦到下面的按钮上：</p>
<button id="btn">点击我</button>
</body>
</html>
以上代码通过 JavaScript 实现了页面加载后自动聚焦到 "点击我" 按钮上。需要注意的是，要先将 JavaScript 代码放在 head 标签中，并在 window.onload 事件中调用 focus() 方法即可实现自动聚焦按钮。
以上就是如何使用 HTML 加载页面时自动聚焦按钮的介绍。