4

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

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

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

我目前正在使用对面包屑执行类似操作的脚本，但不确定如何引用相同的脚本或为页面标题构建类似的脚本。面包屑脚本在这里：http ://trcreative.us/dev/jmsracing/js/breadcrumbs.js

并且在大多数情况下完全按照我对标题的需要，减去每个面包屑项目的链接。（显然，我不希望它为标题这样做）。

请参阅此处应用的面包屑：http: //trcreative.us/dev/jmsracing/races/pigman-long-and-olympic/

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

4

4 回答 4

6

该document对象有一个title可以像这样显式设置的属性：

document.title = "some_title_here";
于 2012-09-16T04:38:56.267 回答
6

假设您的 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参数传递，它将被添加到标题中，即。

// url: http://mypage.com/home/about/frogs    
setTitle('Frogs are awesome');
console.log(document.title); //=> Home | About | Frogs | Frogs are awesome
于 2012-09-16T05:21:17.817 回答
2

您可以使用类似的东西（如果使用 javascript）

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

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

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

于 2012-09-16T06:08:38.283 回答
1

在 JQuery 中尝试此代码

<script type="text/javascript">
  $(document).ready(function() {
    document.title = 'your page title goes here';
  });
</script>
于 2012-09-16T02:10:20.743 回答