如何动态更改网页的标题?

我有一个网页，实现了一组选项卡每个显示不同的内容。单击选项卡不会刷新页面，而是隐藏/取消隐藏客户端的内容。

现在需要根据页面上选择的选项卡更改页面标题(出于SEO原因)。这可能吗?有人能建议一个解决方案，通过javascript动态改变页面标题，而不重新加载页面?

当前回答

使用document.title。

请参阅本页的基本教程。

2009-01-05 15:27:46

其他回答

代码是文档。Title = 'test'

2009-01-05 15:27:08

也许你可以在一个字符串中加载你的标题上所有的选项卡标题，然后一旦你加载其中一个选项卡，通过javascript改变标题

首先把你的标题设置为

my app | description | contact | about us |

一旦你加载一个标签运行:

document.title = "my app | tab title";

2011-11-18 22:26:36

使用document.title。它对大多数事情都很有用，但它会破坏你网站上的SEO。

例子:

document.write("title - " + document.title + "<br>"); document.title = "New title here!"; // Notice: this will defeat purpose of SEO. Not useful for SEO-friendly sites. document.write("title - " + document.title + "<br>"); body { font-family: Consolas, 'Courier New', monospace; } <!DOCTYPE html> <html> <head><title>Old title</title></head> <body><p> Lorem ipsum dolor sit amet, at movet detraxit mediocritatem eam, nam iusto abhorreant ne. Ei pro debet adolescens voluptaria, eu minim scaevola conceptam vel. Vim ea torquatos constituto complectitur, usu eu civibus insolens eleifend. Ex ubique quaerendum his. </p></body> </html>

2018-04-15 08:23:24

Google mentioned that all js files rendered but in real, I've lost my title and another meta tags which had been provided by Reactjs on this website and actually lost my position on Google! I've searched a lot but it seems that all pages must have pre-rendered or using SSR(Server Side Rendering) to have their SEO-friendly protocole! It expands to Reactjs, Angularjs , etc. For short, Every page that has view page source on browser is indexed by all robots, if it's not probably Google can index but others skip indexing!

2018-12-15 13:13:53

想到的一种方法，可能有助于搜索引擎优化，仍然有你的标签页，因为他们将使用命名锚对应于每个标签，如:

http://www.example.com/mypage#tab1, http://www.example.com/mypage#tab2等。

您需要服务器端处理来解析url，并在浏览器呈现页面时设置初始页面标题。我还会把这个标签设置为“活动”标签。一旦页面被加载，一个实际的用户正在切换标签，你将使用javascript来改变文档。标题如其他用户所述。

2009-01-05 17:28:55

如何动态更改网页的标题?

推荐文章

最新文章

标签