在浏覽網頁的時候,我們經常看到不少網頁標題在閃動。這一節我們給大家講解一個實際開發中的技巧“網頁動態標題”。
實現代碼如下:
在線測試<!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定時器。算法很簡單,只要使用了一個全局變量作為標識。