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

JavaScriptでドキュメントの完全なURLを取得・表示する方法

Webページ開発において、現在表示しているドキュメントのURLを取得したい場面はよくあります。JavaScriptでは、document.URL プロパティを使用することで、ドキュメントの完全なURLを簡単に取得できます。

document.URL プロパティとは

document.URL プロパティは、現在読み込まれているHTMLドキュメントの完全なURL（ページの場所）を文字列として返します。このプロパティは読み取り専用であり、URLの変更には使用できません。

実装例：ドキュメントのURLを表示する

以下のコードを実行すると、JavaScriptを使ってドキュメントの完全なURLを画面に表示できます。

<!DOCTYPE html>
<html>
   <head>
      <title>JavaScript サンプル</title>
   </head>
   <body>
      <script>
         var str = document.URL;
         document.write("URL: " + str);
      </script>
   </body>
</html>

コードの解説

上記の例では、まず document.URL を使って現在のドキュメントのURLを取得し、変数 str に格納しています。その後、document.write() メソッドで取得したURLを画面に出力しています。

補足：documentURI プロパティとの違い

同様の目的で使用できるプロパティとして document.documentURI があります。多くの場合、両者は同じ値を返しますが、HTMLドキュメントでは document.URL が推奨されており、XMLドキュメントなどでは documentURI が役立ちます。

このように、document.URL プロパティを活用すれば、たった1行のコードで現在のページのURL情報を取得でき、デバッグや動的なコンテンツ生成など、さまざまな用途に応用できます。

  1. JavaScriptでドキュメントのタイトルと完全なURLを取得する方法

    JavaScriptのHTML DOMは、HTMLデータへアクセスし操作するための基本的なメソッドを数多く提供しています。ドキュメントのタイトルやURLを取得したい場合も、それぞれ専用のプロパティが用意されています。タイトルにはdocument.title、URLにはdocument.URLを使うことで、簡単に値を取り出せます。ここでは、それぞれの使い方を順番に見ていきましょう。ドキュメントのタイトルを取得するドキュメントのタイトルを取得するには、JavaScriptのHTML DOMが提供するdocument.titleプロパティを使用します。このプロパティは、HTML内の<title

  2. Safariで完全なURLを自動的に表示する方法【Mac・iPhone対応】

    Safariはデフォルト設定では、訪問したウェブサイトのアドレスバーにドメイン名のみを表示し、URLの残りの部分は隠すようになっています。画面がすっきりして見やすくなる反面、完全なURLを確認したい場面もあるでしょう。幸い、Appleもこのニーズを理解しており、ある程度のカスタマイズが可能です。もちろん、URLをクリックやタップすれば隠れている部分を表示できますが、毎回その操作をするのは面倒ですよね。この記事では、Safariが訪問先サイトの完全なウェブアドレスを自動的に表示するように設定する方法を解説します。MacのSafariで完全なウェブサイトのアドレスを表示する方法MacのSafari