JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptで現在のWebページのプロトコルとパス名を取得する方法

JavaScriptには、現在表示しているWebページに関する情報を取得するためのlocationオブジェクトが用意されています。このlocationオブジェクトでは、window.location.protocolで現在のページのプロトコルを、window.location.pathnameでパス名（pathname）をそれぞれ取得できます。ここでは、これら2つのプロパティについて詳しく解説します。

パス名（pathname）の取得

すべてのWebサイトにはパス名が存在します。JavaScriptのlocationオブジェクトが提供するwindow.location.pathnameを使用すれば、このパス名を簡単に取得することが可能です。

サンプルコード

<html>
<body>
<p id="pathname"></p>
<script>
   document.getElementById("pathname").innerHTML =
   "ページパス：" + window.location.pathname;
</script>
</body>
</html>

実行結果

ページパス：/cg/assets/jgCOmn.php

プロトコルの取得

通常、WebサイトのURLは「https://」から始まります。これはサイトのプロトコルに相当する部分です。プロトコルとは、メッセージのフォーマットや送信方法、そしてWebサーバーやブラウザが各種コマンドに対してどのような動作を行うべきかを定義した規約のことを指します。

なお、window.location.protocolが返す値は「https:」のようにコロンまでで、「//」以降は含まれない点に注意してください。

サンプルコード

<html>
<body>
<p id="protoname"></p>
<script>
    document.getElementById("protoname").innerHTML =
   "ページのプロトコル：" + window.location.protocol;
</script>
</body>
</html>

実行結果

ページのプロトコル：https:

まとめ

このように、window.location.pathnameを使えば現在のページのパス名を、window.location.protocolを使えば通信プロトコルをそれぞれ取得できます。URLの解析や条件分岐処理など、さまざまな場面で活用できる便利なプロパティなので、ぜひ覚えておきましょう。

  1. iOSで現在地の緯度と経度を取得する方法【Swift・CLLocationManager徹底解説】

    位置情報サービスは、地図アプリだけでなく天気予報、フードデリバリー、ライドシェアなど、ほぼすべてのiOSアプリで活用されています。そのため、位置情報の仕組みを正しく理解することはiOS開発者にとって必須のスキルです。本記事では、CLLocationManagerを使って現在地の緯度と経度を取得する方法を、サンプルコード付きでわかりやすく解説します。CLLocationManagerとは？CLLocationManagerは、Appleが提供するCore Locationフレームワークの中核となるクラスです。位置情報の取得開始・停止、ユーザーへの権限リクエスト、位置情報の変化の監視など、位置情報

  2. AndroidのWebViewで現在地（位置情報）を取得する方法を徹底解説

    この記事では、AndroidアプリのWebView内でWebページの位置情報APIを使い、現在地を取得する方法をステップごとに解説します。WebViewでジオロケーションを有効化するポイントは、JavaScriptの許可とsetGeolocationEnabled(true)の設定、そしてマニフェストへの権限追加です。全体の流れ実装は以下の4ステップで完了します。Android Studioで新規プロジェクトを作成するレイアウトファイル（activity_main.xml）にWebViewを配置するMainActivity.javaでWebViewの設定を行うAndroidManifest.x