Alterar o título da guia (ou janela) é uma prática antiga. O Gmail faz isso para notificar o usuário sobre uma nova mensagem de bate-papo e este blog faz isso para atualizar o título da guia depois que uma nova página é carregada via AJAX. Como isso é feito? Definindo uma propriedade no elemento document é claro:


Essa propriedade, é claro, é document.title:



document.title="Hello!"; // New title :)



Um equívoco comum é que o senhor altera o window.title mas o senhor deve usar a propriedade document caso contrário, o senhor não verá nenhum efeito. Muitas vezes, o senhor verá um setInterval usado com document.title para mudar rapidamente o título e chamar a atenção do usuário.

  • Menu giratório 3D animado com CSS
  • Animação de transformações CSS3 com MooTools Fx
  • Notificações no estilo Growl usando o MooTools Roar
  • Ana Tudor’s Demonstrações favoritas do CodePen

    Cocoon Eu adoro canvas, adoro demonstrações interativas e acho que nunca fiquei tão impressionada com o trabalho de alguém quanto quando descobri o que Tiffany Rayside criou no CodePen. Por isso, tive que começar com uma de suas canetas interativas para tela, embora…

  1. Isso é ótimo – em 15 anos de trabalho com web design, a ideia de alterar o título da página nunca passou pela minha cabeça. Mas pode ser útil, obrigado!

  2. Se o senhor quiser ser malvado, mude para:

    document.title="(3) mytitle"; 
    

    E veja quantas pessoas se perguntam o que não foi lido 🙂

  • Se isso não estiver no evil.js, deve ser adicionado imediatamente


  • Loilo

    Isso é muito bom – eu sempre fiz isso via getElementsByTagName e innerHTMLmas esta solução é muito mais conveniente.

  • É claro que isso é complicado. Isso também afeta o documento DOM (elemento em HTML). Também no XUL, a recuperação de document.title antes que o documento seja completamente carregado tem um comportamento não corrigido (document.title pode gerar um resultado vazio ou sem efeito).

  • Fico feliz em ser corrigido sobre isso, mas se o senhor alterar o título da guia depois que um leitor de tela inicialmente armazenar a página em cache, ele não será informado sobre essa alteração. Portanto, se o senhor estiver alterando a página por um motivo relevante, isso pode ser um problema? O título da página é a primeira coisa que os leitores de tela ouvem quando uma página é carregada, e é como um mapa rodoviário para saber onde eles estão e onde querem chegar.

  • Esse é um ajuste tão simples que pode fazer com que nosso site pareça ser de última geração!