Rumah >hujung hadapan web >tutorial js >Bagaimanakah Saya Boleh Mengubah Suai Parameter URL dan Tetapkan Lalai dalam JavaScript?

Bagaimanakah Saya Boleh Mengubah Suai Parameter URL dan Tetapkan Lalai dalam JavaScript?

DDD
DDDasal
2024-11-17 22:22:01940semak imbas

How Can I Modify URL Parameters and Set Defaults in JavaScript?

Mengubah Parameter URL dan Menentukan Lalai dengan JavaScript

Apabila bekerja dengan URL, mungkin perlu mengubah suai atau menambah parameter khusus untuk mengawal tingkah laku laman web. Ini boleh dicapai menggunakan JavaScript.

Mengubah Suai Parameter Sedia Ada

Untuk mengubah suai parameter sedia ada dalam URL, seperti menukar nilai 'baris' kepada 10, gunakan coretan kod berikut:

var newURL = updateURLParameter(window.location.href, 'rows', 10);

Fungsi updateURLParameter() mengambil tiga parameter:

  • url: URL asal
  • param: Parameter yang akan diubah suai
  • paramVal: Nilai baharu untuk parameter

Menambah Parameter jika Tidak Hadir

Sekiranya parameter tidak wujud dalam URL asal, anda boleh menambahnya menggunakan fungsi yang sama:

if (!window.location.href.includes('rows')) {
    newURL = updateURLParameter(window.location.href, 'rows', 10);
}

Contoh URL

URL yang disediakan:

site.fwx?position=1&archiveid=5000&columns=5&sorting=ModifiedTimeAsc

boleh diubah suai kepada:

site.fwx?position=1&archiveid=5000&columns=5&rows=10&sorting=ModifiedTimeAsc

menggunakan kod di atas.

Fungsi Tambahan

Kod yang disediakan juga boleh mengendalikan sauh dalam URL, memastikan bahawa ianya dipelihara selepas pengubahsuaian parameter.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengubah Suai Parameter URL dan Tetapkan Lalai dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn