勉強したことのメモ

Webエンジニア / プログラマが勉強したことのメモ。

JavaScriptでリファラをチェックし、ホスト名と一致するかどうかで分岐処理する方法

  JavaScript

ページアクセス時にリファラがホスト名と一致していれば何らかの処理を、一致しない場合は処理は行わずエラー表示したかった。通常であればPHPで対応するところなんだけどASPを利用したシステムのためJavaScriptにて対応する必要があった。以下に対応方法をメモ。

 

対応方法

ソースコード

<script>
const referrer = document.referrer;
if( referrer.indexOf(location.hostname) !== -1 ){
    //リファラにホスト名が含まれる場合
}else{
    //他サイトからのリクエストもしくは直接ページを開いた場合
}
</script>

 

リファレンス

Document: referrer プロパティ

https://developer.mozilla.org/ja/docs/Web/API/Document/referrer

 - JavaScript

  関連記事

アンカーリンクでURLに「#hoge」のようなパラメータを残さずスクロールさせる方法
アンカーリンクでURLに「#hoge」のようなパラメータを残さずスクロールさせる方法

アンカータグをクリックしてもブラウザのURL欄に「#hoge」のようなハッシュを ...

Video.jsでYoutube動画を取り扱う方法
Video.jsでYoutube動画を取り扱う方法

Video.jsでYoutube動画を取り扱いたい。具体的にはVideo.jsの ...

jQueryで偶数or奇数行に任意のClassを付与する方法
jQueryで偶数or奇数行に任意のClassを付与する方法

tableタグの1行目を除く偶数もしくは奇数行のtrタグに任意にClassを指定 ...

JavaScript / PHPにて「lz-string」を用いてデータの圧縮・展開する方法
JavaScript / PHPにて「lz-string」を用いてデータの圧縮・展開する方法

文字数が多いGETパラメータを送信したいというケースがあった。また、送信側はJa ...

JavaScriptでフォームのバリデート時に便利な「validator.js」ライブラリの利用方法
JavaScriptでフォームのバリデート時に便利な「validator.js」ライブラリの利用方法

JavaScriptでフォームのバリデートを行う際、「半角英数字 正規表現」等で ...