Question

我有一个JavaScript代码，可以确保在我的页面加载时选中一个文本框。我在下面提供了我的代码：

<!doctype html>
<html>
<head>

<script type="text/javascript">
function box(query){
document.getElementById('query').focus();
}
</script>

</head>
<body onload="box('query');">

<input id="query">

</body>
</html>

我的问题是;如何在没有onload的情况下使这个脚本工作？

我希望你能理解我想要描述的内容。

提前致谢，Callum

Answer 1

将其放在结束</body>标记内，以便query元素在运行之前加载：

<!doctype html>
<html>
<head>


</head>
<body>

   <input id="query">

   <script type="text/javascript">
      function box(query){
         document.getElementById('query').focus();
      }
      box('query');
   </script>
</body>
</html>

Answer 2

在正文标记之前的页面底部放置一个脚本标记。这样DOM（可能）已经加载并且它将运行：

<script type="text/javascript">
runmyfunction(); </script>

当浏览器到达那里时，DOM应该已经加载。

但它可能没有加载。你可以使用像Jquery这样的东西来在页面/ dom加载时运行你的脚本。

使用JavaScript选择的文本框

2 个答案: