首页 文章

使用javascript动态构建html Headers 标记

提问于
浏览 次
4

我正在开发的网站上有很多页面，其中每个页面都有自己的 Headers 标签 . 在许多情况下， Headers 具有常量文本，例如：

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

插入这些 Headers 会在以后进行更难的更改，更不用说记住添加它们的麻烦了 . 我希望找到一种使用javascript动态生成每个页面 Headers 的方法，该方法基于网站文件夹结构中页面的位置 .

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

并且大多数情况下我正在完成我需要的 Headers ，减去每个面包屑项目的链接 . （我不希望它明显地为 Headers 做到这一点） .

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

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

javascript html dynamic title

4 回答

  • 2

    假设您的网址如下 home/section/page.html ，您可以在任意页面的顶部使用此功能，如果这是您的意思，它将根据网址设置 Headers .

    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);
}

    使用此函数将生成如下 Headers ： Home | Section | Page . 如果你想为特定的页面添加特定的东西，那么传递一个字符串作为 extra 参数，它将被添加到 Headers 即 .

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

    document 对象具有 title 属性，可以像这样显式设置：

    document.title = "some_title_here";
    回复于
  • 1

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

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

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

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

    回复于
  • 5

    在JQuery中试用这段代码

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

相关问题