作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我想要一个带有按钮的页面,当我单击该按钮时,应该显示文本。文本是用 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/
我是一名优秀的程序员,十分优秀!