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

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

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

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

$(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で現(xiàn)在のURLを取得する方法は？

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

このコードは、現(xiàn)在のURLを

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

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

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

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

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

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

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

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

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

屬性と

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

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

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

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

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

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

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

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

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

ページをリロードせずに

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

このコードは、ページをリロードせずに現(xiàn)在のURLを

に変更します。

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

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

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

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

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

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

変數(shù)に保存し、このプロトコルをコンソールに印刷します。

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

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

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

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

jQueryで現(xiàn)在の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屬性を使用して、現(xiàn)在のURLのポートを取得できます。このプロパティは、URLのポートを返します。例は次のとおりです console.log(hostname) このコードはポートを撮影し、

変數(shù)に保存し、

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

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

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

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

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

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

以上がjQuery現(xiàn)在のページURLを取得しますの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。