【问题标题】:How can I have the title of a webpage change when it is refreshed?刷新时如何更改网页标题?
【发布时间】:2014-04-16 17:52:42
【问题描述】:

我想知道是否有一种简单的方法可以在每次加载/刷新页面时在某些选定的预设之间更改网页的标题?

例如Wowhead,每次加载页面时标题都会更改。

我一直在寻找一段时间,但找不到任何教程或任何关于它的东西。任何帮助都会有所帮助。

编辑:谢谢你们的帮助。我不太擅长这种东西,但在使用了你的一些建议继续搜索后,我最终设法让它发挥作用。

我最终得到了它:

public string randomTitle()
{
    Random random = new Random();
    var page = (Page)HttpContext.Current.Handler;
    int randomNumber = random.Next(0, 10);
    string response;
    switch (randomNumber)
    {
        case 0:
            response = "someTitle0";
            break;
        case 1:
            response = "someTitle1";
            break;
        case 2:
            response = "someTitle2";
            break;
        //I had more in here but you get the picture
    }
    return response;
}

在我调用它的页面上:

  <title><%=randomTitle()%></title>

感谢所有回复的人的帮助。如果您不这样做,我可能无法做到(在询问之前我确实花了很多时间搜索,我只是不知道要搜索什么。)

【问题讨论】:

  • 要动态更改标题吗?
  • 我会使用服务器端功能而不是 JavaScript 来解决这个问题
  • document.title = "Hello World!"; 现在您所要做的就是随机化“Hello World!”我会先用 javascript 来做这个,看看搜索引擎是否会忽略它,这样我就可以为服务器提供 seo 友好的标题,然后用 js 更改它。

标签: javascript jquery html title


【解决方案1】:

我检查了http://www.wowhead.com/,发现每次刷新页面时它只是随机更新页面标题。以下示例使用javascript设置页面标题。我建议使用服务器端脚本。

<html>

<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type='text/javascript'>


$(document).ready(function(){

var randomno=Math.floor((Math.random()*10)+1);
var pagetitle='This is Page Title';
if(randomno==1)
{   
    pagetitle='Title-1';
}
else if(randomno==3)
{
    pagetitle='Title-3';
}
else if(randomno==5)
{
    pagetitle='Title-5';
}
else if(randomno==2)
{
    pagetitle='Title-2';
}
else if(randomno==7)
{
    pagetitle='Title-7';
}
else
{
pagetitle='Default page title';
}
$(document).attr('title', pagetitle);
});
</script>
</head>
<body>

</body>
</html>

【讨论】:

    猜你喜欢
    • 2014-08-22
    • 2017-07-02
    • 1970-01-01
    • 2015-05-17
    • 1970-01-01
    • 2014-01-12
    • 2010-09-29
    • 2010-12-26
    相关资源
    最近更新 更多