使用javascript动态构建html标题标记

我在一个正在开发的网站上有很多页面，每个页面都有自己的标题标签。在许多情况下，标题具有固定文本，例如：

主页|第1节|第1页
主页|第1节|第2页
主页|第1节|第3页等…

插入这些标题会使以后的更改更加困难，更不用说记住添加它们的麻烦了。我希望找到一种方法，根据页面在站点文件夹结构中的位置，使用javascript动态生成每个页面的标题

我目前正在使用一个脚本，对面包屑执行类似的操作，但我不确定如何引用相同的脚本，或者为页面标题构建类似的脚本。面包屑脚本如下所示：

在大多数情况下，我做的正是我需要的标题，减去每个面包屑项目的链接。（很明显，我不想为了头衔而这样做）

请参见此处应用的面包屑：

---

任何帮助都将不胜感激。谢谢

在JQuery中尝试这段代码

<script type="text/javascript">
  $(document).ready(function() {
    document.title = 'your page title goes here';
  });
</script>

$（文档）.ready（函数（）{
document.title='您的页面标题位于此处'；
});

该

文档

对象有一个

标题

属性，可以这样显式设置：

document.title = "some_title_here";

---

假设您的url如下

home/section/page.html

，您可以在任何页面的顶部使用此功能，如果这是您的意思，它将根据url设置标题

function setTitle(extra) {
  document.title = location.pathname.split('/').map(function(v) {
    return v.replace(/\.(html|php)/, '')
      .replace(/^\w/, function(a) { return a.toUpperCase(); });
  }).join(' | ') + (extra && ' | '+ extra);
}

使用此函数将生成如下标题：

Home | Section | Page

。如果要为特定页面添加特定内容，请传递一个字符串作为

extra

参数，它将被添加到标题ie中

// url: http://mypage.com/home/about/frogs    
setTitle('Frogs are awesome');
console.log(document.title); //=> Home | About | Frogs | Frogs are awesome

---

您可以使用以下内容（如果使用javascript）

---

或者，您也可以使用您正在使用的服务器端语言来设置标题。

如果您正在构建一个大型站点，您的CMS或框架必须已经能够做到这一点。我正在构建自定义站点。不是通过像wordpress或Joomla这样的CMS。开发网页和上传文件到服务器基本上。这与添加网页标题有什么不同。我仍然需要在页面级别使用它。理想情况下，如果您添加了“您的页面标题在此处”，我希望动态生成标题（就像在我的breadcrumbsCan中一样，你可以解释应该在哪里将其添加到HTML页面以替换标题。我在测试页面上看到的只是我添加的静态标题。代码不适用。我不尝试替换标题。我尝试根据页面在我的站点文件夹结构中的位置生成动态标题。非常理想。）如果你发现面包屑脚本复制了代码，你甚至可以将其合并到你的面包屑脚本中。这正是我要找的。谢谢！但是它似乎对我的页面不起作用。我将脚本放在脚本标记中，但在上传时，它不会像应该的那样应用到页面标题上。请建议…我明白了如何在大部分情况下使用代码，但我有几个问题。1）如何消除动态显示标题中的某些特殊字符，如破折号和下划线。我尝试添加几行代码，但未成功。2）如何做到这一点，而不是在字符串末尾添加额外的文本（如您的示例所示），我的唯一页面值仅替换动态页面值。例如，添加“Frogs are awsome”将替换“Frogs”的动态值。最后，3）如何将默认根值设置为唯一值，如“Home”1）使用regexp和

replace（）

使用

''删除字符

2）使用

pop（）有条件地删除数组中的最后一项

3）再添加一个参数

root

，并使用

shift（）

有条件地删除数组中的第一项，然后使用

root

预结束我来试一试，但是我还不是JS专家：）你能给我看一个修改过的原始代码示例吗。在此处查看我最近的尝试：查看来源：

var getTitleOfPage = function(){
    // logic here to work out the title of the page.
};

var title = getTitleOfPage();
document.title = title;