blocks|key|585083|text|$(document).prop('title',+'test');|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|585084|这只是一个JQuery包装器，用于：|unstyled|585085|document.title+=+'test';|585086|要定期添加>，您可以执行以下操作：|585087|function+changeTitle()+{
++++var+title+=+$(document).prop('title');+
++++if+(title.indexOf('>>>')+==+-1)+{
++++++++setTimeout(changeTitle,+3000);++
++++++++$(document).prop('title',+'>'%2Btitle);
++++}
}

changeTitle();|585088|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|P|8|@]|9|@]|A|$]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$B|C]]|$1|I|3|J|5|F|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$B|C]]|$1|M|3|-4|5|F|7|T|8|@]|9|@]|A|$]]]|N|$]]

<pre><code>$(document).prop('title', 'test');
</code></pre>

This is simply a JQuery wrapper for:

<pre><code>document.title = 'test';
</code></pre>

To add a > periodically you can do:

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

changeTitle();
</code></pre>

blocks|key|801035|text|不需要使用jQuery来更改标题。尝试：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|801036|document.title+=+"blarg";|code-block|syntax|javascript|801037|有关更多详细信息，请参阅this+question。|offset|length|801038|要在单击按钮时动态更改，请执行以下操作：|801039|$(selectorForMyButton).click(function(){
++++document.title+=+"blarg";
});|801040|要在循环中动态更改，请尝试：|801041|var+counter+=+0;

var+titleTimerId+=+setInterval(function(){
++++document.title+=+document.title+%2B+'>';
++++counter%2B%2B;
++++if(counter+==+5){
++++++++clearInterval(titleTimerId);
++++}
},+100);|801042|要将两者串连在一起，以便在单击按钮时动态更改，在循环中：|801043|var+counter+=+0;

$(selectorForMyButton).click(function(){
++titleTimerId+=+setInterval(function(){
++++document.title+=+document.title+%2B+'>';
++++counter%2B%2B;
++++if(counter+==+5){
++++++++clearInterval(titleTimerId);
++++}
++},+100);
});|801044|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/180103/jquery-how-to-change-title-of-document-during-ready^0|0|0|C|D|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|14|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|15|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|16|8|@]|9|@$I|17|J|18|1|19]]|A|$]]|$1|K|3|L|5|6|7|1A|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|1B|8|@]|9|@]|A|$E|F]]|$1|O|3|P|5|6|7|1C|8|@]|9|@]|A|$]]|$1|Q|3|R|5|D|7|1D|8|@]|9|@]|A|$E|F]]|$1|S|3|T|5|6|7|1E|8|@]|9|@]|A|$]]|$1|U|3|V|5|D|7|1F|8|@]|9|@]|A|$E|F]]|$1|W|3|-4|5|6|7|1G|8|@]|9|@]|A|$]]]|X|$Y|$5|Z|10|11|A|$12|13]]]]

There's no need to use jQuery to change the title. Try:

<pre><code>document.title = "blarg";
</code></pre>

See <a href="https://stackoverflow.com/questions/180103/jquery-how-to-change-title-of-document-during-ready">this question</a> for more details.

To dynamically change on button click:

<pre><code>$(selectorForMyButton).click(function(){
 document.title = "blarg";
});
</code></pre>

To dynamically change in loop, try:

<pre><code>var counter = 0;

var titleTimerId = setInterval(function(){
 document.title = document.title + '&gt;';
 counter++;
 if(counter == 5){
 clearInterval(titleTimerId);
 }
}, 100);
</code></pre>

To string the two together so that it dynamically changes on button click, in a loop:

<pre><code>var counter = 0;

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

blocks|key|585009|text|使用|type|unstyled|depth|inlineStyleRanges|entityRanges|data|585010|$('title').html("new+title");|code-block|syntax|javascript|585011|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

using

<pre><code>$('title').html("new title");
</code></pre>

blocks|key|585228|text|​|type|unstyled|depth|inlineStyleRanges|entityRanges|data|585229|+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);
++++++++});|code-block|syntax|javascript|585230|585231|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|K|8|@]|9|@]|A|$E|F]]|$1|G|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|M|8|@]|9|@]|A|$]]]|I|$]]

<div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code> 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);
 });</code></pre>
</div>
</div>

blocks|key|585340|text|我使用(并推荐)：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|585341|$(document).attr("title",+"Another+Title");|code-block|syntax|javascript|585342|它也可以在IE中工作，这是一个别名|585343|document.title+=+"Another+Title";|585344|有些人会争论哪个是better,+prop+or+attr，既然prop调用DOM属性，attr调用HTML属性，我认为这实际上更好…|offset|length|585345|在DOM加载之后使用它|585346|$(function(){
++++$(document).attr("title",+"Another+Title");
});|585347|希望这能有所帮助。|585348|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/5874652/prop-vs-attr^0|0|0|0|0|9|K|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|12|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|13|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|14|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|15|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|16|8|@]|9|@$M|17|N|18|1|19]]|A|$]]|$1|O|3|P|5|6|7|1A|8|@]|9|@]|A|$]]|$1|Q|3|R|5|D|7|1B|8|@]|9|@]|A|$E|F]]|$1|S|3|T|5|6|7|1C|8|@]|9|@]|A|$]]|$1|U|3|-4|5|6|7|1D|8|@]|9|@]|A|$]]]|V|$W|$5|X|Y|Z|A|$10|11]]]]

i use (and recommend):

<pre><code>$(document).attr("title", "Another Title");
</code></pre>

and it works in IE as well
this is an alias to 

<pre><code>document.title = "Another Title";
</code></pre>

Some will debate on wich is <a href="https://stackoverflow.com/questions/5874652/prop-vs-attr">better, prop or attr</a>, and since prop call DOM properties and attr Call HTML properties, i think this is actually better...

use this after the DOM Load

<pre><code>$(function(){
 $(document).attr("title", "Another Title");
});
</code></pre>

hope this helps.

blocks|key|585150|text|浏览标题列表的一些代码(循环或一次性)：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|585151|++++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%2B1)+%25+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%2B1);
++++++++++++$('title').html(titles[i]);
++++++++++++if+(i<titles.length-1)+setTimeout(titleAniSequence,+1000,+[i]);
++++};

++++//+then+call+them+when+you+like.
++++//+e.g.+to+call+one+on+document+load,+uncomment+one+of+the+rows+below:

++++//$(document).load(+titleAniCircular()+);
++++//$(document).load(+titleAniSequence()+);|code-block|syntax|javascript|585152|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Some code to walk through a list of titles (circularily or one-shot):

<pre><code> var titles = [
 " title",
 "&gt; title",
 "&gt;&gt; title",
 "&gt;&gt;&gt; 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&lt;titles.length-1) setTimeout(titleAniSequence, 1000, [i]);
 };

 // then call them when you like.
 // e.g. to call one on document load, uncomment one of the rows below:

 //$(document).load( titleAniCircular() );
 //$(document).load( titleAniSequence() );
</code></pre>

blocks|key|801177|text|我使用这个：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|801178|document.title+=+"your_customize_title";|code-block|syntax|javascript|801179|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I use this one:

<pre><code>document.title = "your_customize_title";
</code></pre>

blocks|key|801410|text|Html代码：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|801411|Change+Title:
<input+type="text"+id="changeTitle"+placeholder="Enter+title+tag">
<button+id="changeTitle1">Click!</button>|code-block|syntax|javascript|801412|Jquery代码：|801413|$(document).ready(function(){+++
++++$("#changeTitle1").click(function()+{
++++++++$(document).prop('title',$("#changeTitle").val());+
++++});
});|801414|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

Html code:

<pre><code>Change Title:
&lt;input type="text" id="changeTitle" placeholder="Enter title tag"&gt;
&lt;button id="changeTitle1"&gt;Click!&lt;/button&gt;
</code></pre>

Jquery code: 

<pre><code>$(document).ready(function(){ 
 $("#changeTitle1").click(function() {
 $(document).prop('title',$("#changeTitle").val()); 
 });
});
</code></pre>

blocks|key|585199|text|document.title="your+title";|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|585200|我更喜欢这个。|unstyled|585201|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code>document.title="your title";
</code></pre>

I prefer this.

blocks|key|801381|text|使用jquery更改页面标题是非常简单的方法。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|801382|<a+href="#"+id="changeTitle">Click!</a>|code-block|syntax|javascript|801383|下面是Jquery方法：|801384|$(document).ready(function(){+++
++++$("#changeTitle").click(function()+{
+++++++$(document).prop('title','I+am+New+One');
++++});
});|801385|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

Its very simple way to change the page title with jquery..

<pre><code>&lt;a href="#" id="changeTitle"&gt;Click!&lt;/a&gt;
</code></pre>

Here the Jquery method:

<pre><code>$(document).ready(function(){ 
 $("#changeTitle").click(function() {
 $(document).prop('title','I am New One');
 });
});
</code></pre>

How to make dynamic changing <code>&lt;title&gt;</code> tag with jquery?

example: adding 3 <code>&gt;</code> symbols one by one

<pre><code>&gt; title
&gt;&gt; title
&gt;&gt;&gt; title
</code></pre>

Changing the page title with Jquery

如何用jquery制作动态变化的<title>标签？示例:逐个添加3个>符号> title>> title>>> title

问使用Jquery更改页面标题
EN

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用Jquery更改页面标题EN

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用Jquery更改页面标题
EN