如何动态修改网页的标题（title）？

2023-11-07 08:31| 来源: 网络整理| 查看: 265

　　有时候我们需要复用一个页面，但是又希望他们拥有各自的标题，这时候就需要动态的去更改页面的title了，不然所有页面都是一个标题。

　　这时候就会想到使用js或jQuery去实现了。

　　1、js方式。

　　首先，我想到了使用document.getElementsByTagName()去获取页面的title标签，这是可以获取的。例如：

标题 var Title = document.getElementsByTagName('title')[0] console.log(Title) // 标题

　　然而，当我想用Title.title去获取或设置值时是不生效的。

　　获取title值： console.log(Title.title) 会发现是无法获取到值的

　　同理，设置网页title值： Title.title = 'hello world!' 会发现网页的标题也是没有被更改的

　　所以通过这种方法是无法获取和更改网页的title的。

　　其实，我们可以通过document.title来直接获取title值或者设置title值的

标题 document.title = 'hello world!'

　　结果：

　　可以发现这个办法是行得通的。

　　2、jQuery方式

标题 $(function(){ $('title').html('hello!') // 此处也可以使用text()方法 })

作者：江峰★ 出处：http://www.cnblogs.com/jf-67/ 本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文链接，否则保留追究法律责任的权利

【本文地址】

今日新闻