JavaScript(js)设置默认输入焦点(focus)

在HTML和JavaScript中，设置默认输入焦点（focus）到某个表单元素上是一个常见的需求。这可以通过在文档加载完成后（即DOM内容加载完毕后）使用JavaScript来实现。下面是一个简单的示例，展示了如何在页面加载时自动将焦点设置到一个``元素上。

HTML部分:

<input type="text" id="myInput" placeholder="输入内容...">

JavaScript部分:

document.addEventListener('DOMContentLoaded', function() {
    // 等待DOM内容加载完毕
    var input = document.getElementById('myInput');
    if (input) {
        // 如果找到了元素，则设置焦点
        input.focus();
    }
});

在这个示例中，`document.addEventListener('DOMContentLoaded', function() {...})` 确保了在DOM内容完全加载和解析完成后执行函数体中的代码。在函数体内，通过`document.getElementById('myInput')`获取了ID为`myInput`的``元素，并检查它是否存在。如果元素存在，则调用`.focus()`方法来将焦点设置到该元素上。

这种方法适用于大多数需要自动设置焦点的场景，且由于它是基于DOM事件的，因此可以确保在执行`.focus()`之前，页面上的所有DOM元素都已经加载和解析完成。