让网页每次刷新随机显示不同文字

风尘 71 0
温馨提示

JavaScript随机数的一个应用,每次刷新网页,会显示不同的文字,可以用来制作一些小技巧之类的短语,比如每日一帖,让浏览者每天都看到不同的内容,是不是很有趣?

<html>
<head>
<title>随机显示文字</title>
<style>
#text {
border: 1px solid #FA9150;
width: 300px;
background: #FEF1E9;
color: #000000;
line-height: 50px;
text-align: center;
font-size: 14px;
font-weight: bold;
}
</style>
<script>
function content() {
var butong_net = new Array('有朋自远方来,不亦乐乎','己所不欲,勿施于人','四海之内皆兄弟也','学而不厌,诲人不倦','工欲善其事,必先利其器','人而无信,不知其可也','礼之用,和为贵'); 
var butong_net2 = Math.floor(Math.random() * butong_net.length); 
var text = document.getElementById("text");
text.firstChild.nodeValue = butong_net[butong_net2];
}
window.onload = content;
</script>
</head>
<body>
<p id="text">论语</p>
</body>
</html>

发表评论 取消回复
表情 图片 链接 代码

分享