Изменить заголовок с помощью Javascript

Как я могу изменить существующий заголовок документа с помощью Jquery при изменении заголовка при наведении курсора мыши, как в ссылке на заголовок facebook.


person ukung    schedule 16.07.2011    source источник
comment
Вы можете увидеть пример кода jQuery здесь.   -  person Uzbekjon    schedule 29.01.2013
comment
Возможный дубликат Как динамически изменить заголовок веб-страницы?   -  person vrintle    schedule 09.11.2018


Ответы (4)


Вам не нужен jQuery.

document.title = 'My new title here';
person Jordan    schedule 16.07.2011

С джаваскриптом. jQuery вам здесь не поможет:

document.title = 'New Title';

Вы можете вставить это в функцию обратного вызова при наведении мыши jQuery, если хотите.

person Paul    schedule 16.07.2011

Я расширю эти другие ответы, этот код должен делать это полностью, просто обязательно измените класс в селекторе и новый текст заголовка.

(function(){
    var oldtitle;
    jQuery('a.yourlink').hover(
        function () {
           oldtitle = document.title;
           document.title = 'Your New Title';
        },
        function () {
            document.title = oldtitle;
        }
    );
})();

Вот демонстрация jsfiddle, которую я сделал, которая изменяет текст объекта, а не заголовок окна: http://jsfiddle.net/MpZGf/1/

person Toby    schedule 16.07.2011
comment
Похоже, что oldTitle выйдет за рамки, когда понадобится во второй раз. - person bbg; 16.07.2011
comment
Это не сработает. oldtitle не будет существовать при вызове второй функции. Вы должны переместить старый заголовок в более высокую область или сохранить его в другом месте. - person jfriend00; 16.07.2011
comment
не лучше ли было бы обернуть лот в функцию и не прикреплять к документу дополнительные "свойства", как здесь - jsfiddle.net/aranm/gUsnC/2 - person Aran Mulholland; 13.06.2012

Пытаться:

document.title = 'title';
person The Mask    schedule 16.07.2011