ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScriptを使用してWebブラウザで現在のURLを取得する方法

JavaScriptを使用してWebブラウザで現在のURLを取得する方法

不言
リリース: 2019-02-15 16:32:28
オリジナル
3310 人が閲覧しました

JavaScriptを使用してWebブラウザで現在のURLを取得する方法 には、Web ブラウザのアドレス バーに現在の URL を表示するためのメソッドが多数用意されています。これらの詳細は、Window オブジェクトの Location オブジェクト プロパティを使用して取得できます。以下は、Location オブジェクトのいくつかのプロパティのリストです。最初の例では、Web ブラウザで現在の URL を取得します。以下に例も示しますので、具体的な内容を見ていきましょう。

JavaScriptを使用してWebブラウザで現在のURLを取得する方法

1. href: アドレス バーに表示される URL 全体を返します。

var currentURL = window.location.href;
ログイン後にコピー

2. host: アドレス バーの URL のホスト名とポートを返します。

var currentHost = window.location.host;
ログイン後にコピー

3. ホスト名: アドレス バーの URL のホスト名のみが返されます。

var currentHostname = window.location.hostname;
ログイン後にコピー

4. post: アドレス バーの URL のポート詳細のみを返します。

var currentPort = window.location.port;
ログイン後にコピー

5. プロトコル: アドレス バーの URL のプロトコルを返します。 URL が HTTP (SSL なし) または HTTPS (SSL あり) を使用するのと同様です。

var currentProtocol = window.location.protocol;
ログイン後にコピー

6. pathname: アドレス バーの URL のパス名 (ドメイン名の後の値) を返します。

var currentPathname = window.location.pathname;
ログイン後にコピー

7. パス名: ハッシュ (#) を含む URL のアンカー部分を返します。

var currenthash = window.location.hash;
ログイン後にコピー

8. search: URL のクエリ部分 (疑問符 (?) で始まる部分など) を返します。

var currentSearchString = window.location.search;
ログイン後にコピー

この記事はここで終了しています。さらに興味深い内容については、php 中国語 Web サイトにある他の関連コラム チュートリアルをご覧ください。 ! !

以上がJavaScriptを使用してWebブラウザで現在のURLを取得する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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