Question

我有一个按钮，在文本框中显示随机数，我希望它一旦页面加载没有任何延迟就自动点击。我怎么能这样做？我已将此代码用于文本框和按钮。

<input id="random-number" value="" />

创建随机数

Answer 1

只需调用按钮的click()方法即可。

document.getElementById('myButton').click()

function generateNumber(){
  document.getElementById('randomNumber').value = Math.floor(Math.random() * 100)
}

document.getElementById('myButton').click()

<input type="text" id="randomNumber" />
<button onclick="generateNumber()" id="myButton">generate number</button>

Answer 2

正如@ hajile78所提到的，你的问题的核心是（或者应该）如何执行按钮背后的功能，而不是在页面加载时如何单击按钮。我建议你定义一个函数来创建一个随机数，并在窗口加载时运行它。以下是您可以在文档的<head>部分（或单独的JavaScript文件）中插入的脚本示例：

<head>

  <script>
    function createRandomNumber(){
      // some code to create a random number
     };

    window.onload = createRandomNumber();
  </script>
 
</head>

作为更安全的替代方案，您还可以使用jQuery's ready()方法代替window.onload。

自动单击立即加载页面的按钮

2 个答案: