Javascript 随机报价生成器 - 如何在页面首次加载时显示报价

Question

我正在构建一个随机报价生成器作为我的第一个 JavaScript 项目。我的报价工作正常，但我希望在有人第一次访问该网站以及单击按钮时显示它们。

这是迄今为止我的代码:

<div id="quoteDisplay">
  <!-- Quotes will display here -->
</div>

  <!-- Center is added for button placement -->
  <button onclick="newQuote()">New Quote</button>

<script type="text/javascript" src="ron.js"></script>

和 JavaScript:

var quotes = ["quote 1", "quote 2", "quote 3"];

function newQuote() {
  var randomNumber = Math.floor(Math.random() * (quotes.length));
  document.getElementById('quoteDisplay').innerHTML = quotes[randomNumber];
}

关于添加什么内容以使用户首次访问页面时显示报价有什么建议吗？

Answer 1

只需在页面加载时调用您的函数即可:

window.addEventListener('load', newQuote, true);