如何使用javascript更改网页的标题?

时间:2016-05-11 22:24:00

标签: javascript

我知道这是一个重复的问题,但我尝试了一些方法,但我无法得到我需要的解决方案。 我需要更改网页的标题,我认为Javascript将是一个很好的候选人。我已经阅读了许多不赞同的评论,谈论如何改变标题将对SEO产生负面影响 - 我现在不担心这一点。 我可以通过在内联脚本中重新分配值来更改标题:

<input type="button" value="Click me." onclick="document.title = 'Some new title';" />

但在这种情况下使用内联脚本是不可能的。我尝试在上面加载一个嵌入式脚本标签。在脚本的正文下方,没有去。这就是我所确定的,它最初没有用(继续阅读):

<script>
document.addEventListener("load", function changeTitle(){
    document.title = "FUBAR";
}, true);
</script>

我尝试在参数列表的末尾添加/删除'true'值并且不会改变任何内容。我避免命名函数,然后命名它,并没有改变任何东西。 DID的工作是将“加载”改为“点击”。我需要在文档加载完成后立即更改标题...是否还有其他我可以使用的内容,如“就绪”或“上载”?使用“加载”没有产生任何结果,但我发誓我以前见过它。

谢谢!

2 个答案:

答案 0 :(得分:1)

尝试使用 window.addEventListener而不是document.addEventListener

请参阅 https://developer.mozilla.org/en-US/docs/Web/Events/load

  

注意:更可靠的是添加事件侦听器   “window.addEventListener”。

答案 1 :(得分:0)

无需等待load事件。只需设置标题:

 <html>
 <head></head>
 <body>
 <script>document.title = "foobar"</script>
 <!-- rest of document -->