使用Jquery更改页面标题

Question

如何<title>使用jquery 创建动态更改标记？

示例:>逐个添加3个符号

> title
>> title
>>> title

Answer 1

$(document).prop('title', 'test');

这只是一个JQuery包装器:

document.title = 'test';

要定期添加>,您可以执行以下操作:

function changeTitle() {
    var title = $(document).prop('title'); 
    if (title.indexOf('>>>') == -1) {
        setTimeout(changeTitle, 3000);  
        $(document).prop('title', '>'+title);
    }
}

changeTitle();

Answer 2

没有必要使用jQuery来更改标题.尝试:

document.title = "blarg";

有关详细信息,请参阅此问题.

要动态更改按钮,请单击:

$(selectorForMyButton).click(function(){
    document.title = "blarg";
});

要动态更改循环,请尝试:

var counter = 0;

var titleTimerId = setInterval(function(){
    document.title = document.title + '>';
    counter++;
    if(counter == 5){
        clearInterval(titleTimerId);
    }
}, 100);

要将两者串在一起,以便在按钮单击时动态更改,在循环中:

var counter = 0;

$(selectorForMyButton).click(function(){
  titleTimerId = setInterval(function(){
    document.title = document.title + '>';
    counter++;
    if(counter == 5){
        clearInterval(titleTimerId);
    }
  }, 100);
});

Answer 3

使用

$('title').html("new title");