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

How do I change the title of a web page using javascript?

本文关键字:网页 标题 何使用 javascript      更新时间:2023-09-26

我知道这是一个重复的问题,但我尝试了几种方法,但无法获得所需的解决方案。我需要更改网页的标题,我认为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"值,但这不会改变任何内容。我避免给函数命名,然后给它命名,这并没有改变任何事情。真正起作用的是将"加载"改为"点击"。我需要在文件加载完成后立即更改标题。。。还有其他我可以使用的东西吗,比如"就绪"或"加载"?使用"load"没有产生任何结果,但我发誓我以前见过它的使用。

谢谢!

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

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

注意:更可靠的是在上添加事件侦听器"window.addEventListener".

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

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