使用Jquery更改页面标题

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

例如:逐个添加3 >符号

 > title >> title >>> title 
 $(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(); 

没有必要使用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); }); 

运用

 $('title').html("new title"); 
  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); }); 

一些代码可以浏览标题列表(循环或一次):

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

我使用这个:

 document.title = "your_customize_title"; 

我使用(和推荐):

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

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

 document.title = "Another Title"; 

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

在DOM Load之后使用这个

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

希望这可以帮助。

 document.title="your title"; 

我更喜欢这个。