javascript - 如何在不点击按钮的情况下随机显示数组?

标签 javascript html arrays random

我想要一个带有按钮的页面,当我单击该按钮时,应该显示文本。文本是用 Javascript 从不同的数组中随机获取的。我的项目中一切正常,除了一件事: 第一次加载页面时,我没有看到任何文本,只有按钮。如何使其中一个数组被随机选择并显示在第一个页面加载上(无需单击按钮)

<!DOCTYPE html>
<html>

<head>
    <script>
        function myFunction() {
            var quotes = [{
                text: " <br>    1   <br><br>    2   <br><br>    3   ",
            }, {
                text: " <br>    4   <br><br>    5   <br><br>    6   ",
            }, {
                text: " <br>    7   <br><br>    8   <br><br>    9   ",
            }, ];
            var quote1 = quotes[Math.floor(Math.random() * quotes.length)];
            document.getElementById("quote1").innerHTML =
                '<p><font size="7">' + quote1.text + '</font></p>';
        }
    </script>
</head>

<body>
    <center>
        <div id="quote1"></div>
        <br>
        <br>
        <br>
        <br>
        <br>
        <center>
            <a href="#" onclick="myFunction()">Next</a>
        </center>
    </center>
</body>

</html>

谢谢!

最佳答案

在页面加载时调用它。

window.onload = function(){
   myFunction();
}

关于javascript - 如何在不点击按钮的情况下随机显示数组?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23970725/

相关文章:

javascript - 使用 lodash 映射复杂的 JSON

javascript - 禁用浏览器缩放

java - 在 Java 中呈现 HTML

html - 为什么是:after not working properly on this span?

c++ - 如何实现 array::max_size()?

JavaScript 内部结构 : At what interval does the event loop run?

javascript - Object.assign 更新对象中的数组元素

java - 如何像存储在二维数组中一样访问数组中的数据?

javascript - XML、Javascript - 无法调用 null 的 getElementsByTagName 方法

arrays - 在数组中找到可重复的字符串位置