本文展示了如何使用JavaScript实现页面标题的动态变化，通过创建一个标题数组并利用随机数选取标题，实现在页面加载时自动更换标题的效果。读者可以通过刷新页面观察随机标题的变化。
用JavaScript随机修改页面的标题
为了显示页面的动态效果，可设置页面的标题为多个，并动态轮换显示。本例通过随机数和数组，实现这一效果。
将改变标题的代码写在了“onload”事件中，所以只有在加载页面的时候，标题才会改变。可按F5不断刷新页面，测试标题栏的随机标题。
<!DOCTYPE html>
<html >
<head>
<meta charset="utf-8"/>
<title>标题页</title>
</head>
<body>
<script language="javascript">
//随机显示TITLE
var til = new Array(5);
til[0] = '第一个标题'
til[1] = '第二个标题'
til[2] = '第三个标题'
til[3] = '第四个标题'
til[4] = '第五个标题'
var indextitle = Math.floor(Math.random() * til.length); //获取一个随机整数
onload=function chaTitle() {
var curTitle=til[indextitle]; //获取数组中的指定项
window.document.title+=" - "+curTitle; //更改当前页的标题
}
</script>
</body>
</html>
扫一扫
140
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
