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
Lepaskan: 2024-11-17 22:22:01
asal
919 orang telah melayarinya

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);
Salin selepas log masuk

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);
}
Salin selepas log masuk

Contoh URL

URL yang disediakan:

site.fwx?position=1&archiveid=5000&columns=5&sorting=ModifiedTimeAsc
Salin selepas log masuk

boleh diubah suai kepada:

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

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!

sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan