Javascript 在页面标题中插入带有空格的播放图标,如YouTube

Javascript 在页面标题中插入带有空格的播放图标,如YouTube,javascript,jquery,unicode,title,html5-audio,Javascript,Jquery,Unicode,Title,Html5 Audio,所以我得到了一个小代码,在页面标题栏中显示一个unicode播放图标,就像YouTube在播放和暂停视频时所做的那样: $('audio').on('play pause', function () { var player = $('audio')[0]; PrependPageTitle(player); }); function PrependPageTitle(player) { if (player.paused) { if (document

所以我得到了一个小代码,在页面标题栏中显示一个unicode播放图标,就像YouTube在播放和暂停视频时所做的那样:

$('audio').on('play pause', function () {
    var player = $('audio')[0];
    PrependPageTitle(player);
});

function PrependPageTitle(player) {
    if (player.paused) {
        if (document.title.charAt(0) === '\u25ba')
            document.title = document.title.slice(1);
    } else {
        if (document.title.charAt(0) !== '\u25ba')
            document.title = '\u25BA' + document.title;
    }
}
工作完美。我唯一的问题是在页面标题和图标之间的播放图标后没有空间。这让我有点烦。我尝试为空间
(+'\u0020')
添加unicode,但似乎无法正常工作。外面有人能帮我吗?谢谢您的时间。

请添加空间

document.title = '\u25BA ' + document.title;
                       ^^^

当你移除它时,你需要解释这两个字母

您共享的示例在添加的字符后面有一个空格。它们有
\u25B6
,而您有
\u25BA
(不同的字符代码,后面也没有空格。)