使用Jquery更改页面标题

如何使用jquerydynamic更改<title>标签？

例如：逐个添加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"; 

看到这个问题的更多细节。

button点击dynamic更改：

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

要循环dynamic更改，请尝试：

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

要将两者串联在一起，以便在button单击时dynamic更改，在一个循环中：

 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"); 

Answer 4

  var isOldTitle = true; var oldTitle = document.title; var newTitle = "New Title"; var interval = null; function changeTitle() { document.title = isOldTitle ? oldTitle : newTitle; isOldTitle = !isOldTitle; } interval = setInterval(changeTitle, 700); $(window).focus(function () { clearInterval(interval); $("title").text(oldTitle); }); 

Answer 5

一些代码可以浏览标题列表（循环或一次）：

  var titles = [ " title", "> title", ">> title", ">>> title" ]; // option 1: function titleAniCircular(i) { // from first to last title and back again, forever i = (!i) ? 0 : (i*1+1) % titles.length; $('title').html(titles[i]); setTimeout(titleAniCircular, 1000, [i]); }; // option 2: function titleAniSequence(i) { // from first to last title and stop i = (!i) ? 0 : (i*1+1); $('title').html(titles[i]); if (i<titles.length-1) setTimeout(titleAniSequence, 1000, [i]); }; // then call them when you like. // eg to call one on document load, uncomment one of the rows below: //$(document).load( titleAniCircular() ); //$(document).load( titleAniSequence() ); 

Answer 6

我使用这个：

 document.title = "your_customize_title"; 

Answer 7

我使用（和推荐）：

 $(document).attr("title", "Another Title"); 

它也适用于IE，这是一个别名

 document.title = "Another Title"; 

有些人会辩论什么是更好的，道具或ATTR ，以及道具调用DOM属性和attr调用HTML属性，我认为这实际上更好…

在DOM Load之后使用这个

 $(function(){ $(document).attr("title", "Another Title"); }); 

希望这可以帮助。

Answer 8

 document.title="your title"; 

我更喜欢这个。