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 に答える