jQuery: làm thế nào để thay đổi tiêu đề của tài liệu trong. yet ()?

Tôi đang sử dụng một số bố cục lồng nhau trong Ruby on Rails, và trong một trong các bố cục tôi có nhu cầu đọc một chuỗi từ div và đặt đó là tiêu đề của tài liệu. Cách chính xác (nếu có) để đặt tiêu đề của tài liệu là gì?

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

    // ???

});
</script>

Những điều sau đây sẽ hoạt động nhưng nó sẽ không tương thích với SEO. Tốt nhất là đặt tiêu đề trong thẻ tiêu đề.

<script type="text/javascript">

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

</script>

Không sử dụng $('title').text('hi'), vì IE không hỗ trợ nó.

Nó là tốt hơn để sử dụng document.title = 'new title';

Điều này hoạt động tốt trong tất cả các trình duyệt ...

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

Hoạt động trong IE cũng vậy

Như thế này:

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

Hãy chắc chắn đặt tiêu đề mặc định nếu bạn muốn trang web của mình được lập chỉ mục chính xác bởi các công cụ tìm kiếm.

Một mẹo nhỏ:

$(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 không làm việc cho tôi.

Đây là một cách khác để làm điều đó bằng cách sử dụng JQuery

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

Tôi đang sử dụng một số bố cục lồng nhau trong Ruby on Rails, và trong một trong các bố cục tôi có nhu cầu đọc một chuỗi từ div và đặt đó là tiêu đề của tài liệu.

Cách chính xác để làm điều này là ở phía máy chủ.

Trong bố cục của bạn, tại một số điểm sẽ có một số mã đặt văn bản trong div . Làm cho mã này cũng đặt một số biến đối tượng, chẳng hạn như @page_titletrong bố cục bên ngoài của bạn, hãy thực hiện<%= @page_title || 'Default Title' %>

Nếu bạn đã có một tập lệnh máy chủ get_title.php lặp lại phiên tiêu đề hiện tại thì nó hoạt động tốt trong jQuery:

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