Schimbarea titlului paginii cu Jquery (Programare, Javascript, Jquery, Titlu)

Ilya Medvedev a intrebat.

Cum se face schimbarea dinamică <title> tag cu jquery?

exemplu: adăugarea a 3 > simboluri unul câte unul

> title
>> title
>>> title

10 răspunsuri
Gazler
$(document).prop('title', 'test');

Acesta este pur și simplu un wrapper JQuery pentru:

document.title = 'test';

Pentru a adăuga un > periodic puteți face:

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

changeTitle();

Comentarii

  • Nu ar putea fi mai bine să folosiți setInterval și clearInterval mai degrabă decât un șir de setTimeouts? –  > Por Spycho.
  • Care sunt implicațiile asupra SEO apelarea paginii prin jQuery? –  > Por TheBlackBenzKid.
Spycho

Nu este nevoie să folosiți jQuery pentru a schimba titlul. Încercați:

document.title = "blarg";

Vezi această întrebare pentru mai multe detalii.

Pentru a schimba dinamic la click pe buton:

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

Pentru a schimba dinamic în buclă, încercați: Pentru a schimba dinamic în buclă, încercați:

var counter = 0;

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

Pentru a le înșira pe cele două împreună, astfel încât să se schimbe dinamic la clic pe buton, într-o buclă:

var counter = 0;

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

Comentarii

  • atunci când utilizatorul face clic pe buton, titlul se va schimba ca în întrebare, iar această schimbare va fi transmisă în buclă…  > Por Ilya Medvedev.
Gowri

folosind

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

Comentarii

  • Știu, dar cum se face dinamic? –  > Por Ilya Medvedev.
  • păi asta ESTE dinamic, adică cu Javascript. Ați vrut să spuneți cumva „animat”? –  > Por darma.
  • @IIya: dați mai multe marcaje și coduri pentru un răspuns mai bun . întrebările dvs. sunt neclare. –  > Por Gowri.
Shahbaz Ahmad

Sakes Yordi

eu folosesc (și recomand):

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

și funcționează și în IE, de asemeneaeste un alias pentru

document.title = "Another Title";

Unii vor dezbate care este mai bun, prop sau attr, și din moment ce prop apelează proprietățile DOM și attr apelează proprietățile HTML, cred că acest lucru este de fapt mai bun…

utilizați această opțiune după încărcarea DOM

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

Sper că vă ajută.

etuardu

Niște cod pentru a parcurge o listă de titluri (circular sau one-shot):

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

Haimei

Eu îl folosesc pe acesta:

document.title = "your_customize_title";

Ekta P. Sutariya

Cod html:

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

Codul Jquery:

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

Raheem
document.title="your title";

Eu îl prefer pe acesta.

Comentarii

  • Aceasta este doar o repetare a răspunsurilor existente. –  > Por Pang.
Ekta P. Sutariya

Modul său foarte simplu de a schimba titlul paginii cu jquery…

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

Aici este metoda Jquery:

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