JQuery Dapatkan URL Halaman Semasa

Panduan Lengkap untuk Menggunakan JQuery untuk mendapatkan URL laman web semasa

Panduan ini menyediakan coretan kod jQuery untuk mendapatkan URL penuh laman web semasa dan menyimpannya dalam pembolehubah untuk digunakan dengan skrip lain. URL ini sama dengan URL yang anda lihat di bar alamat.

Coretan kod berikut menunjukkan cara menggunakan jQuery dan JavaScript tulen untuk mendapatkan URL halaman semasa:

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

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

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

Di samping itu, fungsi berikut boleh membantu apabila menentukan jalan mutlak:

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));
}

FAQs (FAQs)

Bagaimana untuk mendapatkan URL semasa dalam jQuery?

Dapatkan URL semasa dalam jQuery, anda boleh menggunakan atribut

. Harta ini mengembalikan URL halaman semasa. Berikut adalah contoh mudah: window.location.href

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

Kod ini mengambil dan menyimpan URL semasa dalam pembolehubah

, dan kemudian currentURL mencetak URL ini ke konsol. console.log(currentURL)

Bagaimana untuk mendapatkan URL semasa yang tidak mengandungi rentetan pertanyaan dalam jQuery?

anda boleh menggunakan sifat

dan window.location.origin untuk mendapatkan URL semasa yang tidak mengandungi rentetan pertanyaan. Contohnya adalah seperti berikut: window.location.pathname

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

Kod ini mengambil sumber (protokol, nama host, dan port) dan nama laluan URL, dan menghubungkan kedua -dua bahagian ini untuk membentuk URL yang tidak mengandungi rentetan pertanyaan.

bagaimana untuk mendapatkan rentetan pertanyaan dari URL semasa dalam jQuery?

Anda boleh menggunakan atribut

untuk mendapatkan rentetan pertanyaan, yang mengembalikan rentetan pertanyaan, termasuk tanda tanya pada mulanya. Contohnya adalah seperti berikut: window.location.search

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

Kod ini mengambil rentetan pertanyaan dan menyimpannya dalam pembolehubah

, dan kemudian queryString mencetak rentetan pertanyaan ini ke konsol. console.log(queryString)

Bagaimana untuk mendapatkan URL semasa tanpa hash dalam jQuery?

anda boleh menggunakan atribut

dan window.location.href kaedah untuk mendapatkan URL semasa yang tidak mengandungi nilai hash. Contohnya adalah seperti berikut: split()

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

Kod ini mengambil URL semasa dan memisahkannya pada simbol hash (#). Bahagian

mendapat bahagian pertama URL berpecah, iaitu, URL yang tidak mengandungi nilai hash. [0]

Bagaimana untuk mendapatkan nilai hash URL semasa dalam jQuery?

anda boleh menggunakan atribut

untuk mendapatkan nilai hash url semasa. Harta ini mengembalikan nilai hash, termasuk simbol hash pada mulanya. Contohnya adalah seperti berikut: window.location.hash

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

Kod ini mengambil nilai hash dan menyimpannya dalam pembolehubah

, dan kemudian hash mencetak nilai hash ini ke konsol. console.log(hash)

Bagaimana untuk menukar URL semasa dalam jQuery tanpa memuatkan semula halaman?

anda boleh menggunakan kaedah

untuk menukar URL semasa dalam jQuery tanpa memuatkan semula halaman. Kaedah ini mendorong penyertaan baru ke timbunan sejarah. Contohnya adalah seperti berikut: history.pushState()

$(document).ready(function(){
  history.pushState(null, null, '/new-page.html');
});

Kod ini mengubah URL semasa ke

tanpa memuatkan semula halaman. /new-page.html

Bagaimana untuk mendapatkan protokol untuk URL semasa dalam jQuery?

Anda boleh menggunakan atribut window.location.protocol untuk mendapatkan protokol URL semasa. Harta ini mengembalikan protokol URL, termasuk kolon di ekor. Contohnya adalah seperti berikut:

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

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

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

Kod ini mengambil protokol dan menyimpannya dalam pembolehubah protocol, dan kemudian console.log(protocol) mencetak protokol ini ke konsol.

Bagaimana untuk mendapatkan nama hos URL semasa dalam jQuery?

Anda boleh menggunakan atribut window.location.hostname untuk mendapatkan nama hos URL semasa. Harta ini mengembalikan nama hos URL. Contohnya adalah seperti berikut:

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));
}

Kod ini mengambil nama host dan menyimpannya dalam pembolehubah hostname, dan kemudian console.log(hostname) mencetak nama hos ini ke konsol.

Bagaimana untuk mendapatkan pelabuhan URL semasa dalam jQuery?

anda boleh menggunakan atribut window.location.port untuk mendapatkan port URL semasa. Harta ini mengembalikan pelabuhan URL. Contohnya adalah seperti berikut:

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

Kod ini mengambil port dan menyimpannya dalam pembolehubah port, dan kemudian console.log(port) mencetak port ini ke konsol.

Bagaimana untuk mendapatkan nama laluan URL semasa dalam jQuery?

anda boleh menggunakan atribut window.location.pathname untuk mendapatkan nama laluan URL semasa. Harta ini mengembalikan nama laluan URL. Contohnya adalah seperti berikut:

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

Kod ini mengambil nama laluan dan menyimpannya dalam pembolehubah pathname, dan kemudian console.log(pathname) mencetak nama laluan ini ke konsol.

Dengan kaedah ini, anda boleh dengan mudah mendapatkan dan memanipulasi bahagian -bahagian yang berlainan dari URL laman web semasa dalam jQuery. Ingatlah untuk memilih kaedah yang betul mengikut keperluan khusus anda.

Atas ialah kandungan terperinci JQuery Dapatkan URL Halaman Semasa. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!