jQuery: como alterar o título do documento durante .ready ()?

Estou usando alguns layouts aninhados no Ruby on Rails, e em um dos layouts eu preciso ler uma string de uma div e defini-la como o título do documento. Qual é a maneira correta (se houver) de definir o título do documento?

<script type="text/javascript">
$(document).ready(function() {

    // ???

});
</script>

O seguinte deve funcionar, mas não seria compatível com SEO. É melhor colocar o título na tag title.

<script type="text/javascript">

    $(document).ready(function() {
        document.title = 'blah';
    });

</script>

Não use $('title').text('hi'), porque o IE não suporta.

É melhor usar document.title = 'new title';

Isso funciona bem em todos os navegadores ...

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

Também funciona no IE

Como isso:

$(document).ready(function ()
{
    document.title = "Hello World!";
});

Certifique-se de definir um título padrão se desejar que seu site seja indexado corretamente pelos mecanismos de pesquisa.

Uma pequena dica:

$(function ()
{
    // this is a shorthand for the whole document-ready thing
    // In my opinion, it's more readable 
});

<script type="text/javascript">
$(document).ready(function() {

    $(this).attr("title", "sometitle");

});
</script>

document.title não estava funcionando para mim.

Aqui está outra maneira de fazer isso usando JQuery

$('html head').find('title').text("My New Page Title");

Estou usando alguns layouts aninhados no Ruby on Rails, e em um dos layouts eu preciso ler uma string de uma div e defini-la como o título do documento.

A maneira correta de fazer isso é no lado do servidor.

No seu layout, em algum momento haverá algum código que coloca o texto na div . Faça com que esse código também defina alguma variável de instância como @page_title, e, em seu layout externo, faça<%= @page_title || 'Default Title' %>

Se você tiver um script get_title.php do lado do servidor que ecoa a sessão de título atual, isso funciona bem no jQuery:

$.get('get_title.php',function(*respons*){
    title=*respons* + 'whatever you want'   
    $(document).attr('title',title)
})