Zmiana tytułu strony za pomocą Jquery

Jak stworzyć dynamiczny zmienny <title>tag za pomocą jQuery?

przykład: dodanie 3 >symboli jeden po drugim

> title
>> title
>>> title

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

To jest po prostu opakowanie JQuery dla:

document.title = 'test';

Aby okresowo dodawać>, możesz:

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

changeTitle();

Nie ma potrzeby używania jQuery do zmiany tytułu. Próbować:

document.title = "blarg";

Zobacz to pytanie, aby uzyskać więcej informacji.

Aby dynamicznie zmieniać po kliknięciu przycisku:

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

Aby dynamicznie zmieniać pętlę, spróbuj:

var counter = 0;

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

Aby połączyć te dwa elementy tak, aby zmieniały się dynamicznie po kliknięciu przycisku, w pętli:

var counter = 0;

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

za pomocą

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

używam (i polecam):

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

i działa również w IE to jest alias do

document.title = "Another Title";

Niektórzy będą debatować nad tym, co jest lepsze, prop czy attr , a ponieważ właściwości wywołania właściwości DOM i atr właściwości wywołania HTML, myślę, że tak jest lepiej ...

użyj tego po załadowaniu DOM

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

mam nadzieję że to pomoże.

Kod do przeglądania listy tytułów (cyklicznie lub jednorazowo):

    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.
    // e.g. to call one on document load, uncomment one of the rows below:

    //$(document).load( titleAniCircular() );
    //$(document).load( titleAniSequence() );

Używam tego:

document.title = "your_customize_title";

Kod HTML:

Change Title:
<input type="text" id="changeTitle" placeholder="Enter title tag">
<button id="changeTitle1">Click!</button>

Kod JQuery:

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

document.title="your title";

Wolę to.

To bardzo prosty sposób na zmianę tytułu strony za pomocą jquery.

<a href="#" id="changeTitle">Click!</a>

Tutaj metoda Jquery:

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