用JS代碼隨機修改頁面的標(biāo)題

2012/10/16 12:23:08作者：佚名來源：網(wǎng)絡(luò)

移動端

【實例名稱】

【實例描述】

為了顯示頁面的動態(tài)效果，可設(shè)置頁面的標(biāo)題為多個，并動態(tài)輪換顯示。今天我們就來學(xué)習(xí)通過隨機數(shù)和數(shù)組的JS代碼來實現(xiàn)這一效果。

【實例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標(biāo)題頁</title>
</head>
<body>
<script language="javascript">
//隨機顯示TITLE
var til = new Array(5);
til[0] = '第一個標(biāo)題'
til[1] = '第二個標(biāo)題'
til[2] = '第三個標(biāo)題'
til[3] = '第四個標(biāo)題'
til[4] = '第五個標(biāo)題'
var indextitle = Math.floor(Math.random() * til.length);      //獲取一個隨機整數(shù)
onload=function chaTitle() {
    var curTitle=til[indextitle];                             //獲取數(shù)組中的指定項
    window.document.title+=" - "+curTitle;                  //更改當(dāng)前頁的標(biāo)題
}
</script>
</body>
</html>

【難點剖析】

本例將改變標(biāo)題的代碼寫在了“onload”事件中，所以只有在加載頁面的時候，標(biāo)題才會改變?？砂碏5不斷刷新頁面．測試標(biāo)題欄的隨機標(biāo)題。

【源碼下載】

本實例JS代碼下載

標(biāo)簽： JS代碼頁面