勉強したことのメモ

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

  関連記事

フォームの入力・選択内容を自動保存してくれる「Garlicjs」プラグインの利用方法
フォームの入力・選択内容を自動保存してくれる「Garlicjs」プラグインの利用方法

お問い合わせページ等、フォームを設置したページで入力・選択した内容を保存したい。 ...

JavaScriptでURLのクエリを取得する2
JavaScriptでURLのクエリを取得する2

直近で調べたのとは別に、 http://aaa.bbb/ccc/id123?te ...

フォームに入力された値をJavaScriptのURLコンストラクタ(パーサー)でURL形式かチェックする方法
フォームに入力された値をJavaScriptのURLコンストラクタ(パーサー)でURL形式かチェックする方法

フォームのテキストボックスに入力された値がURL形式になっているかチェックしたか ...

JavaScriptの「pako」ライブラリでGzip圧縮したデータをPHPで展開する方法
JavaScriptの「pako」ライブラリでGzip圧縮したデータをPHPで展開する方法

先日、JavaScriptの「pako」ライブラリで文字列やオブジェクト(連想配 ...

JavaScriptで配列をコピー後に値変更した際、元の配列の値も変更される点を解消する方法
JavaScriptで配列をコピー後に値変更した際、元の配列の値も変更される点を解消する方法

JavaScriptで配列をコピー後に値変更した際、元の配列の値も変更されてしま ...