[javascript] Webブラウザの現在のURLを取得する

現在のWebページの完全なURLを取得して変数として指定する場合は、次のスクリプトを使用することができます。

window.location.href

JavaScript Window Location注：

• window.location.href - 現在のページの href(URL) を返す
• window.location.hostname - Webホストのドメイン名を返す
• window.location.pathname - 現在のページのパスとファイル名を返す
• window.location.protocol - 使用するWebプロトコルを返す（http://またはhttps://）
• window.location.assign - 新しい document ロード
  // Source： w3schools

したがってJavascriptで完全なURLパスを取得するには、次のように使用することができます。

var newURL = window.location.protocol + "//" + window.location.host + "/" + window.location.pathname;
//  Source: css-tricks

ボタンをクリックしたときに、現在のページのURLを表示する例：

<script>
    function getURL() {
        alert("The URL of this page is: " + window.location.href);
    }
    </script>
     
    <button type="button" onclick="getURL();">Get Page URL</button>

ボタンをクリックすると、 The URL of this page is：https://www.example.com/current_page_urlのように、現在のページのURLがポップアップウィンドウに表示されます。

PHPスクリプト/ javascript / jQueryテンプレート：

WordPress プラグインなど、さまざまな種類のコードを販売する CodeCanyonでさまざまな機能（例えば、スライダー）のJavascript / jQueryテンプレートやPHPスクリプトを比較的低コストで購入することができます。

メモ：

• DIV自動更新javascript