jQuery:如何在.ready()期间更改文档标题?

2020/11/13 18:42 · javascript ·  · 0评论

我在Ruby on Rails中使用了一些嵌套的布局,在其中一种布局中,我需要从div中读取一个字符串并将其设置为文档的标题。设置文档标题的正确方法(如果有)是什么?

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

    // ???

});
</script>

以下应该可以,但是它与SEO不兼容。最好将标题放在title标签中。

<script type="text/javascript">

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

</script>

不要使用$('title').text('hi'),因为IE不支持它。

最好用 document.title = 'new title';

在所有浏览器中都可以正常工作...

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

也可以在IE中使用

像这样:

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

如果您希望搜索引擎正确索引您的网站,请务必设置默认标题。

小提示:

$(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对我不起作用。

这是使用JQuery的另一种方法

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

我在Ruby on Rails中使用了一些嵌套的布局,在其中一种布局中,我需要从div中读取一个字符串并将其设置为文档的标题。

正确的方法是在服务器端。

在您的布局中,有时会有些代码将文本放入div中使此代码还设置一些实例变量,例如@page_title,然后在您的外部布局中进行设置<%= @page_title || 'Default Title' %>

如果您有一个服务器端脚本get_title.php可以回显当前标题会话,则在jQuery中可以正常工作:

$.get('get_title.php',function(*respons*){
    title=*respons* + 'whatever you want'   
    $(document).attr('title',title)
})
本文地址:http://javascript.askforanswer.com/jqueryruhezai-readyqijiangenggaiwendangbiaoti.html
文章标签: ,   ,  
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!