ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript で以前の URL を確実に取得するにはどうすればよいですか?

JavaScript で以前の URL を確実に取得するにはどうすればよいですか?

DDD
リリース: 2024-11-28 12:59:11
オリジナル
319 人が閲覧しました

How Can I Reliably Get the Previous URL in JavaScript?

JavaScript での以前の URL の特定

JavaScript では、ユーザーが以前にアクセスした URL を取得するのは難しい場合があります。ただし、いくつかのアプローチを使用できます。

document.referrer の使用:

document.referrer プロパティは、ユーザーが現在のページに移動した場合に、前のページの URL を提供します。ハイパーリンク経由でページに移動します。これは次のように取得できます。

console.log("Previous URL: " + document.referrer);
ログイン後にコピー

document.referrer の制限事項:

  • ユーザーが URL をアドレスに直接入力した場合は信頼できません。
  • 一部のセキュリティを重視したブラウザではアクセスできません。 Safari.

window.history:

window.history を使用した履歴管理では、ブラウザの履歴を操作できますが、URL への直接のアクセスは提供されません。ただし、history.state オブジェクトを使用してカスタム URL プロパティを保存できます:

history.state = { prevUrl: location.href };
ログイン後にコピー

その後、前のページで取得できます:

const prevUrl = history.state && history.state.prevUrl;
ログイン後にコピー

Otherアプローチ:

  • Cookie:以前の URL を保存する Cookie は実行可能なオプションですが、追加のサーバー側ロジックが必要です。
  • パラメータ追跡: 以前の URL を含む現在の URL にパラメータを追加しますが、このメソッドはユーザーが頻繁に移動する場合、URL が乱雑になります。

セキュリティ考慮事項:

以前の URL へのアクセスを提供すると、悪意のある Web サイトがユーザーの閲覧履歴を追跡できる可能性があるため、セキュリティとプライバシーの懸念が生じます。したがって、ブラウザーは URL へのアクセスに制限を設けています。

以上がJavaScript で以前の URL を確実に取得するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート