浏览器页签图标控制-html_前端


标题栏的文字滚动

<script>
        document.title = "你好，您的余额已不足-----"
        var str = document.title;
        var arr = str.split("");
        setInterval(function() {
            // 删除并返回数组的第一个元素
            var shift = arr.shift();
            arr.push(shift);
            document.title = arr.join("")
        }, 500)
    </script>

控制页签上的图标有无新来的信息

浏览器页签图标控制-html_elementui_02

<link rel="shortcut icon" href="https://sf3-cn.feishucdn.com/obj/goofy/ee/web-client/p/static/materials/favicon-dotted.png">

页面载入时的loading

浏览器页签图标控制-html_ico_03

<link rel="preload" as="image" href="https://sf3-cn.feishucdn.com/obj/goofy/ee/web-client/p/static/img/loading.01539fad.gif">