刷新后如何更改网页的标题?

时间:2014-04-16 17:52:42

标签: javascript jquery html title

我想知道是否有一种简单的方法可以在每次加载/刷新页面时,某些选定的预设在某个地方存储的网页标题发生变化?

例如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>

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

1 个答案:

答案 0 :(得分:0)

我检查了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>