【问题标题】:How to change browser page title dynamically to match it with <h1> title in javascript or jQuery? [duplicate]如何动态更改浏览器页面标题以使其与 javascript 或 jQuery 中的 <h1> 标题匹配? [复制]
【发布时间】:2014-09-07 13:13:06
【问题描述】:

我想动态更改我的页面标题,使其与“h1”标题元素的值匹配。 需要编写一个全局 javascript,我可以在整个应用程序的每个页面中使用它。 好心的建议。 提前致谢

【问题讨论】:

  • 只是出于好奇,你为什么需要这个?您是否正在动态更改您的h1s?如果没有,这真的应该在后端完成。如果将其用于 SEO 目的,则 JS 更改通常为时已晚(即“旧”标题将被搜索引擎使用)。
  • 这是项目要求。

标签: javascript jquery page-title


【解决方案1】:
document.title = $("h1").text();

【讨论】:

  • 非常感谢。这完美地工作。如果页面中有多个

    ,我们如何只取页面的第一个

  • 没问题。您只能像这样选择 H1 的第一个实例:document.title = $("h1:first").text();
  • 感谢您的快速回复。
  • 还有一个查询.. 我正在搜索第一个 h1 标记,但我想从该搜索中排除“ui-dialog”类中存在的所有

    。非常感谢您的帮助...

  • 我认为这应该可行:document.title = $("h1:not('.ui-dialog h1'):first").text();
【解决方案2】:

只需选择正确的元素,并将h1的文本分配给title的文本:

$('title').text($('h1').text());

【讨论】:

  • 谢谢大卫。这也很完美。如果页面中有多个

    ,我们如何只取页面的第一个

  • 嗨,大卫......还有一个查询......我正在搜索第一个 h1 标记,但我想从这个搜索中排除“ui-dialog”类中存在的所有

    。非常感谢您的帮助...

  • $('h1').not('.ui-dialog').text(),像以前一样分配文本。而且您只会从集合中检索第一个元素的文本,它设置多个元素的文本,它只获取一个(第一个)。
猜你喜欢
  • 2012-10-17
  • 2016-08-14
  • 2012-08-08
  • 2014-06-25
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-05-15
  • 2011-09-11
相关资源
最近更新 更多