Как сделать динамическое изменение тега <title>
с помощью jquery?
пример: добавление 3 >
символов по одному
> title
>> title
>>> title
Как сделать динамическое изменение тега <title>
с помощью jquery?
пример: добавление 3 >
символов по одному
> title
>> title
>>> title
$(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();
Нет необходимости использовать 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);
});
используя
$('title').html("new title");
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);
});
Некоторый код для просмотра списка названий (круговой или однократный):
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() );
Я использую этот:
document.title = "your_customize_title";
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");
});
надеюсь, что это поможет.
document.title="your title";
Я предпочитаю это.