用于在滚动标签栏中显示当前页面标题的JavaScript代码

时间:2014-11-12 14:28:05

标签: javascript

我一直在尝试在滚动标签中显示网页标题,而不是我的特定消息,这可能会让访问者烦恼。

是否可以显示当前页面标题而不是我的消息?

这是脚本:

msg = "MESSAGE";
msg = "MY MESSAGE" + msg;
pos = 0;

function scrollMSG() {
   document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); 
   pos++;
   if (pos > msg.length) {
       pos = 0;
   }
   window.setTimeout("scrollMSG()", 200);
}
scrollMSG();

3 个答案:

答案 0 :(得分:1)

您可以使用具有页面标题的document.title。此外,请勿在{{1​​}}中使用字符串,而只需传递函数引用。

setTimeout

答案 1 :(得分:0)

在脚本的开头,您应该将原始标题保存到变量中。

var OriginalTitle = document.title;

function restoreTitle() {
   document.title = OriginalTitle;
}

function changeTitle(title) {
   document.title = title;
}

var msg = "MESSAGE";
msg = "MY MESSAGE" + msg;pos = 0;
function scrollMSG() {
   changeTitle(OriginalTitle + " - " + msg);
   if (pos > msg.length) pos = 0
   window.setTimeout("scrollMSG()",200);
}
scrollMSG();

答案 2 :(得分:0)

您可以创建如下旋转标题:

<html>
    <head>
        <title>My Title</title>
        <script>
            function rotateTitle() {
                document.title = document.title.substring(1) + document.title[0];
            }
            setInterval(rotateTitle, 300);
        </script>
    </head>
    <body>
    </body>
</html>

JSFiddle不允许设置document.title,因此我创建了一个在span标记内旋转消息的示例。它使用相同的原则,请查看:http://jsfiddle.net/npf3nqos/