Changer le titre du document avec javascript

Question

Donc, j'ai un événement qui pourrait changer le titre du document en utilisant javascript.

$('.someclass').click(function(){ 
     document.title = "Some new title"; 
    }); 

Maintenant que je l'ai renommé le titre du document, comment puis-je retourne revenir à ce qu'il était à l'origine? Le texte qui apparaît réellement entre les balises <title> dans le document html?

Answer 1

Vous sauverait le titre original avant de la changer:

var originalTitle = document.title; 

$('.someclass').click(function(){ 
    document.title = "Some new title"; 
}); 

$('.changeBack').click(function() { 
    document.title = originalTitle; 
}); 

(Il est évident que vous ne devez pas changer le renvoyer dans tout gestionnaire de clic particulier, le code que je l'ai montré est juste un exemple.

Answer 2

Si vous souhaitez basculer entre 2 titres différents, vous pouvez faire quelque chose comme ça.

var arr = ["oldtitle", "newtitle"], i = 0; 
$('.someclass').on("click", function(){ 
    document.title = arr[i++%2] 
}); 

Answer 3

Si vous wan't vous pouvez aussi le faire basculer comme ceci:

// saving the titles in an object 
var title = { 
    oldTitle: document.title, 
    newTitle: "This is the new title" 
}; 
var oldTitle = true; // flag set to true initially 

// Toggling on click 
$('.someClass').on('click', function(){ 
    // Check the flag and set the value accordingly 
    if(oldTitle){ 
     document.title = title.newTitle; 
     oldTitle = false; 
    } else { 
     document.title = title.oldTitle; 
     oldTitle = true; 
    } 
});