在浏覽網頁的時候，我們經常看到不少網頁標題在閃動。這一節我們給大家講解一個實際開發中的技巧“網頁動態標題”。
實現代碼如下：
在線測試
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
//定義全局變量，用於標識
var flag = 0;
window.onload = function () {
//定時器
setInterval("titleChange()", 1000);
}
//定義函數
function titleChange() {
if(flag==0)
{
document.title = "★☆★ 學習網★☆★";
flag = 1;
}
else
{
document.title = "☆★☆ 學習網☆★☆";
flag = 0;
}
}
</script>
</head>
<body>
</body>
</html>
在浏覽器預覽效果如下：
分析：
這個例子使用在線測試不會有效果，請大家在本地編輯器中測試預覽。
這裡主要使用了頁面加載事件window.onload和JavaScript定時器。算法很簡單，只要使用了一個全局變量作為標識。