2013

8

29

jQueryでサイトURL内から特定ディレクトリにだけユニーク処理してやんよ!!!

Pocket
LINEで送る
Facebook にシェア
reddit にシェア
LinkedIn にシェア

サイトURLからページにユニーク処理をする

サイト内の共通部分のレイアウトを特定のディレクトリにだけユニークな処理を行いたい場合のスクリプト記述。

JavaScript記述

//解説①
$(document).ready(function(){
    $(window).bind("load", function(){
        var keyWord = "特定ディレクトリ名";    //解説②
        var pagePath = location.pathname;    //解説③
        var wordJudg = pagePath.match(keyWord);    //解説④
        if ( wordJudg == keyWord){
                alert(keyWord + "含む");    //解説⑤
            }else {
                alert(keyWord + "含まない");    //解説⑥
        }
    });
});

スクリプト解説

  • ①主な使用用途がページレイアウトの変更に用いられるため、ページコンテンツが生成される前の処理が必要となる。
    $(document).ready(function()でスクリプトを起動させ、
    $(window).bind(“load”, function()でブラウザにページが読み込まれた際の処理として定義。
  • ②ユニーク処理を施したいディレクトリ名を変数keyWordに代入。
  • ③現在のサイトのindexのURL以下のパスを変数pagePathに代入。
    (例)http://exeample/yanyo/index.html → yanyo/index.html
  • ④変数pagePathで取得したパスの文字列から変数keyWordで指定した文字列が含まれているかの結果を変数wordJudgに代入。
  • ⑤変数wordJudgと変数keyWordが一致するか条件分岐処理を行い、一致した場合の処理
  • ⑥変数wordJudgと変数keyWordが一致するか条件分岐処理を行い、一致しなかった場合の処理(※ページheadタグに直接記述の場合、この処理は不要。)
Pocket
LINEで送る
Facebook にシェア
reddit にシェア
LinkedIn にシェア

トップへ