勉強したことのメモ

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

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

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

2024/10/16 JavaScript

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

目次

1 対応方法
- 1.1 ソースコード
2 リファレンス
- 2.1 Document: referrer プロパティ

対応方法

ソースコード

<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

関連記事

: videoタグで表示させた動画をjQuery&CSSでフローティングビデオ対応させる方法

Web上の動画をFloatingVideo対応したいという要望を受けた。ページ上 ...

: Leafletにて表示されているマップを画像としてダウンロードさせる「leaflet-easyPrint」の利用方法

Leafletにて何らかのボタンをクリックすると表示されているマップを画像として ...

: JavaScriptでbodyタグ内に特定のClass要素が追加された際イベントを発火させる方法

ASPを使用したサイトでページ内に特定のClass要素が追加された際にJSでイベ ...

: jQueryプラグインのDateTimePickerで年月日と時間のピッカーを実装する方法

jQueryで年月日と時間を選択できるピッカーを導入したかった。以前にboots ...

: JavaScriptでUNIXタイムスタンプ取得

UNIXタイムスタンプを用いた際、年月日からすぐUNIXタイムスタンプを出した ...