Подтвердить что ты не робот

Изменение названия страницы с помощью JQuery

Как сделать динамическое изменение тега <title> с помощью jquery?

пример: добавление 3 > символов по одному

> title
>> title
>>> title
4b9b3361

Ответ 1

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

Это просто оболочка JQuery для:

document.title = 'test';

Чтобы добавить a > периодически, вы можете:

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

changeTitle();

Ответ 2

Нет необходимости использовать jQuery для изменения названия. Попробуйте:

document.title = "blarg";

Подробнее см. этот вопрос.

Для динамического изменения при нажатии кнопки:

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

Чтобы динамически изменить цикл, попробуйте:

var counter = 0;

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

Чтобы сгруппировать два, чтобы они динамически изменялись при нажатии кнопки в цикле:

var counter = 0;

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

Ответ 3

используя

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

Ответ 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);
        });

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

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

Ответ 6

Я использую этот:

document.title = "your_customize_title";

Ответ 7

i использую (и рекомендую):

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

и он также работает в IE это псевдоним

document.title = "Another Title";

Некоторые обсудят, что лучше, prop или attr, а так как свойства prop call DOM и свойства callTr Call HTML, я думаю, что это на самом деле лучше...

используйте это после загрузки DOM

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

надеюсь, что это поможет.

Ответ 8

document.title="your title";

Я предпочитаю это.