勉強したことのメモ

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

  関連記事

CKEditor5(WYSIWYGエディタ)をページ遷移無しでtextareaに切り替える方法

ラジオボタンを選択することでCKEditor5(ウィジウィグエディタ)とテキスト ...

JavaScriptでlocalStorageを簡単に操作できる「store.js」ライブラリの利用方法

以前Dexie.jsを利用してIndexedDBを取り扱う方法をメモしたが、今回 ...

leaflet.jsとOSMでマーカーの画像をそれぞれ指定する

leaflet.jsとOpenStreetMapでマップ上にマーカーを複数設置し ...

JavaScriptで全角半角を判別の上で文字数カウントを行う

やりたかった事は「全角5文字・半角10文字以内の入力フォーム」 みたいなもの。 ...

vimeoの動画URLからサムネイル画像用URLを取得する方法(oEmbed API)

vimeoの動画URL(https://vimeo.com/xxxxx)からサム ...