勉強したことのメモ

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

  関連記事

構造化データ(JSON-LD形式)をJavaScriptで動的に描写する方法
構造化データ(JSON-LD形式)をJavaScriptで動的に描写する方法

あるサイトに構造化データをJSON-LD形式で出力させたかった。ただ、当該環境で ...

Lightbox.jsでCSP(コンテンツセキュリティポリシー)エラーが発生した際の対応方法
Lightbox.jsでCSP(コンテンツセキュリティポリシー)エラーが発生した際の対応方法

CSP(コンテンツセキュリティポリシー)設定を行っているサーバーでLightbo ...

jQueryのanimate()でページスクロール後に他の処理を実行させる方法
jQueryのanimate()でページスクロール後に他の処理を実行させる方法

jQueryのanimate()でページスクロール後に特定の要素を非表示にしたい ...

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

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

jQuery UIを用いた日付及び時間のピッカーの利用方法
jQuery UIを用いた日付及び時間のピッカーの利用方法

jQuery UIを用いた日付及び時間のピッカーを実装したい。以下にソースコード ...