戰勝javascript必做練習題之有關title的討論

1：閃爍的標籤

    <script>
        window.onload = function () {
            var flag = 0;
            function star_wink() {
                switch (flag) {
                    case 1: document.title = "❤Title特效❤";
                    flag = 0;
                    break;
                    case 0:document.title = "💛Title特效💚";
                    flag = 1;
                    break;
                    default:false;
                }
                setTimeout(star_wink,300);
            }
           star_wink();
        }
    </script>

基本實現就是：根據flag標誌來設定不同的標籤內容，其邏輯核心是start_wink函數內部使用定時器遞歸調用。也可用setInterval來實現。

2：滾動的標籤文字

    <script>
    window.onload = function(){
        var msg = "測試瀏覽器title標籤文字滾動特效...";
        var length = msg.length;
        var pos = 0;
        function textRoll(){
            document.title = msg.substring(pos,length);
            pos++;
            if(pos >= length) pos=0;
            setTimeout(textRoll,300);
        }
        textRoll();
    }
    </script>

基本思路：textRoll函數內部還是遞歸調用自己，每次調用都從左往右截取字符串。從而實現了滾動的效果。

3：title添加標籤圖標

 <link rel="icon" href="01.ico" type="img/x-ico" />

圖標大小最好爲16px*16px 圖片格式不一定是ico ,png格式測試也可以。