HTML5页面加载时如何自动设置下拉列表的焦点？

在HTML5中，可以使用autofocus属性自动将焦点设置在页面加载时的特定元素上。但是，对于下拉列表，我们需要使用JavaScript来自动设置焦点。

下面是一个示例代码片段：

<select id="mySelect">
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
  <option value="option3">Option 3</option>
</select>

window.onload = function() {
  document.getElementById("mySelect").focus();
};

这段代码使用了window.onload事件，该事件会在页面加载完成后触发。在该事件的回调函数中，我们使用document.getElementById()来获取下拉列表元素，并使用focus()方法将焦点设置在该元素上。

注意：在设置焦点之前，必须确保下拉列表元素已经被添加到DOM树中。

这是一个简单但实用的方法来自动设置下拉列表的焦点。可以将其与其他项目结合使用，以创建更具有交互性和可访问性的Web页面。