[javascript] Webブラウザの現在のURLを取得する - WordPress 情報パッケージ
ベストセラー人気 WordPress テーマTop 30 詳細

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

Last Updated:2022年9月15日| コメントを残す
  • Naver ブログを共有する
  • Naver バンドに共有する
  • Facebook 共有する
  • Twitter 共有する
  • 카카오스토리공유하기

現在の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スクリプトを比較的低コストで購入することができます。

コードキャニオンで販売されているjavascript / jQueryテンプレート
CodeCanyonで販売されているjavascript / jQueryテンプレート

メモ:



コメントを残す

コメント