jQuery: how to change title of document during .ready() ?

Question

I am using some nested layouts in Ruby on Rails, and in one of the layouts i have a need to read in a string from a div and set that as the title of the document. What is correct way (if any) to set the title of the document?

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

    // ???

});
</script>

Answer 1

Like this:

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

Be sure to set a default-title if you want your site to be properly indexed by search-engines.

A little tip:

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

Answer 2

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

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

});
</script>

Answer 3

The following should work but it wouldn't be SEO compatible. It's best to put the title in the title tag.

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

        document.title = 'blah';

      });
    </script>

Answer 4

Ugh that was such an obvious answer. Should've known that. Thanks.

Answer 5

I am using some nested layouts in Ruby on Rails, and in one of the layouts i have a need to read in a string from a div and set that as the title of the document.

The correct way to do this is on the server side.

In your layout, there at some point will be some code which puts the text in the div. Make this code also set some instance variable such as @page_title, and then in your outer layout have it do <%= @page_title || 'Default Title' %>

Answer 6

$('title').text("hi")

Answer 7

don't use $('title').text('hi') ! because IE doesn't support! better than back is document.title = 'new title'; sorry for my english ;-)