jQuery: jak zmienić tytuł dokumentu podczas .ready ()?

Używam niektórych zagnieżdżonych układów w Ruby on Rails, aw jednym z układów muszę odczytać ciąg z elementu div i ustawić go jako tytuł dokumentu. Jaki jest poprawny sposób (jeśli istnieje) ustawienia tytułu dokumentu?

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

    // ???

});
</script>

Poniższe powinny działać, ale nie byłyby zgodne z SEO. Tytuł najlepiej umieścić w tagu tytułowym.

<script type="text/javascript">

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

</script>

Nie używaj $('title').text('hi'), ponieważ IE tego nie obsługuje.

Lepiej jest użyć document.title = 'new title';

Działa to dobrze we wszystkich przeglądarkach ...

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

Działa też w IE

Lubię to:

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

Pamiętaj, aby ustawić tytuł domyślny, jeśli chcesz, aby Twoja witryna była poprawnie indeksowana przez wyszukiwarki.

Mała wskazówka:

$(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 nie działa dla mnie.

Oto inny sposób na zrobienie tego za pomocą JQuery

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

Używam niektórych zagnieżdżonych układów w Ruby on Rails, aw jednym z układów muszę odczytać ciąg z elementu div i ustawić go jako tytuł dokumentu.

Prawidłowy sposób na zrobienie tego znajduje się po stronie serwera.

W twoim układzie w pewnym momencie będzie kod, który umieści tekst w div . Utwórz w tym kodzie również ustawienie zmiennej instancji, takiej jak @page_title, a następnie w zewnętrznym układzie zrób to<%= @page_title || 'Default Title' %>

Jeśli masz skrypt po stronie serwera get_title.php, który powtarza bieżącą sesję tytułu, działa to dobrze w jQuery:

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