勉強したことのメモ

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

  関連記事

Flashを用いずJavaScriptでコピー&カット機能を実装する方法
Flashを用いずJavaScriptでコピー&カット機能を実装する方法

以前メモったようなFlashを用いる方法ではなく、WebAPIでコピー& ...

横スクロール可能な要素を視覚的に分かりやすくする「ScrollHint」ライブラリの利用方法
横スクロール可能な要素を視覚的に分かりやすくする「ScrollHint」ライブラリの利用方法

横長のtableを設置し、CSSのoverflowで横スクロール可能にしてもユー ...

JavaScriptの「Day.js」ライブラリで日付の比較を行う方法
JavaScriptの「Day.js」ライブラリで日付の比較を行う方法

JavaScriptの日時・時刻用ライブラリ「Day.js」を用いて日付の比較を ...

JavScriptでalertを閉じた後にページ遷移させる方法
JavScriptでalertを閉じた後にページ遷移させる方法

JavaScriptのalertが閉じたらページ遷移させてほしいと言われ、con ...

Dexie.jsを利用してIndexedDBを取り扱う方法
Dexie.jsを利用してIndexedDBを取り扱う方法

IndexedDBを用いて色々するという案件を見かけたが、そもそもIndexed ...