jQuery現在のページURLを取得します

jQueryを使用して現在のWebページを取得するための完全なガイド

このガイドは、現在のWebページの完全なURLを取得し、他のスクリプトで使用するために変数に保存するためのjQueryコードスニペットを提供します。このURLは、アドレスバーに表示されるURLと同じです。

次のコードスニペットは、jQueryと純粋なJavaScriptを使用して現在のページのURLを取得する方法を示しています。

さらに、絶対パスを決定するときに次の関数が役立つ場合があります：

$(document).ready(function() {
    // 使用jQuery
    var url = $(location).attr('href');

    // 使用纯JavaScript
    var url2 = window.location.href;

    // 在警告窗口中显示URL
    alert(url); //或者 alert(url2);
});

FAQ（FAQ）function getAbsolutePath() { var loc = window.location; var pathName = loc.pathname.substring(0, loc.pathname.lastIndexOf('/') + 1); return loc.href.substring(0, loc.href.length - ((loc.pathname + loc.search + loc.hash).length - pathName.length)); } jQueryで現在のURLを取得する方法は？

jQueryで現在のURLを取得すると、属性を使用できます。このプロパティは、現在のページのURLを返します。簡単な例を次に示します：

このコードは、現在のURLを

変数に取得および保存し、このURLをコンソールに印刷します。

window.location.href jQueryのクエリ文字列を含まない現在のURLを取得する方法は？

$(document).ready(function(){
  var currentURL = window.location.href;
  console.log(currentURL);
});

プロパティとcurrentURLプロパティを使用して、クエリ文字列が含まれていない現在のURLを取得できます。例は次のとおりです console.log(currentURL) このコードは、URLのソース（プロトコル、ホスト名、およびポート）とPathNameを使用し、これら2つの部分を接続してクエリ文字列を含まないURLを形成します。

jQueryの現在のURLからクエリ文字列を取得する方法は？

window.location.origin属性を使用してクエリ文字列を取得できます。クエリ文字列は、最初の疑問符を含むクエリ文字列を返します。例は次のとおりです window.location.pathname このコードはクエリ文字列を取得し、

変数に保存し、このクエリ文字列をコンソールに印刷します。

$(document).ready(function(){
  var currentURL = window.location.origin + window.location.pathname;
  console.log(currentURL);
});

jqueryでハッシュなしで現在のURLを取得する方法は？

属性と

メソッドを使用して、ハッシュ値が含まれていない現在のURLを取得できます。例は次のとおりです window.location.search

このコードは現在のURLを取得し、ハッシュシンボル（＃）に分割します。

$(document).ready(function(){
  var queryString = window.location.search;
  console.log(queryString);
});

部分は、分割URLの最初の部分、つまりハッシュ値を含まないURLを取得します。

queryString jQueryで現在のURLのハッシュ値を取得する方法は？ console.log(queryString)

属性を使用して、現在のURLのハッシュ値を取得できます。このプロパティは、最初のハッシュ記号を含むハッシュ値を返します。例は次のとおりです

このコードはハッシュ値を取得し、

変数に保存し、このハッシュ値をコンソールに印刷します。 window.location.href split()ページをリロードせずにjQueryの現在のURLを変更するにはどうすればよいですか？

$(document).ready(function(){
  var currentURL = window.location.href.split('#')[0];
  console.log(currentURL);
});

ページをリロードせずに

メソッドを使用して、jQueryの現在のURLを変更できます。この方法では、新しいエントリを履歴スタックに押し込みます。例は次のとおりです [0]

このコードは、ページをリロードせずに現在のURLを

に変更します。

jQueryの現在のURLのプロトコルを取得するにはどうすればよいですか？

window.location.protocol属性を使用して、現在のURLのプロトコルを取得できます。このプロパティは、尾のコロンを含むURLのプロトコルを返します。例は次のとおりです

このコードはプロトコルを採用し、

$(document).ready(function() {
    // 使用jQuery
    var url = $(location).attr('href');

    // 使用纯JavaScript
    var url2 = window.location.href;

    // 在警告窗口中显示URL
    alert(url); //或者 alert(url2);
});

変数に保存し、このプロトコルをコンソールに印刷します。

protocol jQueryで現在のURLのホスト名を取得する方法は？ console.log(protocol)

属性を使用して、現在のURLのホスト名を取得できます。このプロパティは、URLのホスト名を返します。例は次のとおりです

このコードはホスト名を撮影し、

変数に保存し、このホスト名をコンソールに印刷します。 window.location.hostname

jQueryで現在のURLのポートを取得するにはどうすればよいですか？

function getAbsolutePath() {
    var loc = window.location;
    var pathName = loc.pathname.substring(0, loc.pathname.lastIndexOf('/') + 1);
    return loc.href.substring(0, loc.href.length - ((loc.pathname + loc.search + loc.hash).length - pathName.length));
}

hostname属性を使用して、現在のURLのポートを取得できます。このプロパティは、URLのポートを返します。例は次のとおりです console.log(hostname) このコードはポートを撮影し、

変数に保存し、

このポートをコンソールに印刷します。

jQueryの現在のURLのパス名を取得する方法は？ window.location.port

$(document).ready(function(){
  var currentURL = window.location.href;
  console.log(currentURL);
});

属性を使用して、現在のURLのパス名を取得できます。このプロパティは、URLのパス名を返します。例は次のとおりです

portこのコードはパス名を取得し、console.log(port)変数に保存し、このパス名をコンソールに印刷します。

これらのメソッドを使用すると、jQueryの現在のWebページのURLのさまざまな部分を簡単に取得して操作できます。 特定のニーズに応じて適切な方法を選択することを忘れないでください。

以上がjQuery現在のページURLを取得しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。