用JS代码随机修改页面的标题

2012/10/16 12:23:08作者：佚名来源：网络

移动端

【实例名称】

用JS代码随机修改页面的标题

【实例描述】

为了显示页面的动态效果，可设置页面的标题为多个，并动态轮换显示。今天我们就来学习通过随机数和数组的JS代码来实现这一效果。

【实例代码】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<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>

【难点剖析】

本例将改变标题的代码写在了“onload”事件中，所以只有在加载页面的时候，标题才会改变。可按F5不断刷新页面．测试标题栏的随机标题。

【源码下载】

本实例JS代码下载

标签： JS代码页面