37web|仕事以外でお金を貯める貯金ブログ

貯金なしから、お金をコツコツ貯められる方法を紹介する日記。メルカリや仕事のことなども書いてます。

jQueryを使ってtitleタグを書き換える方法

以前のアルバイト的な感じでサテライトサイト制作やった時のお話。

「ページタイトルなんだけど、この項目の言葉使って直してもらって良いかな」

と。

最初はh1の言葉をそのままtitleに入れれば良いという歯内でしたが、あとから記事途中にあるh2要素(ページごとにバラバラ)の言葉をtitleタグに入れて欲しいと。

そんな時のJS改善方法〜

これだけです。$("h2.title")の箇所はサイトごとに設定違うと思いますので、ご自由に設定下さい。

簡単に言いますと、変数aの中に、ページの中でタイトルにしたい部分のテキストを格納します。

その格納したテキストをdocument.title=aの部分でtitleタグの中に代入しています。

ただ、当然ですが、ソースの表示とかで見るとテキストは変わってません。(要素懸賞で見ると変わってますがw)

この方法で置き換えたタイトルはちゃんと、ブラウザのtitleチェッカー的なサイトでチェックしても認識してくれます。

小技の紹介でした〜

↓ポチッと押してくれると嬉しいです↓

  • にほんブログ村 その他生活ブログ 家計管理・貯蓄へ
  • にほんブログ村 ライフスタイルブログへ
  • にほんブログ村 転職キャリアブログ 30代の転職・転職活動へ
  • ブログランキング・にほんブログ村へ

GoogleAdsense

-Web制作