parameter url lompat javascript

Dalam pembangunan web, selalunya perlu untuk melompat ke halaman dan lulus parameter Kaedah yang biasa digunakan ialah menambah parameter selepas URL dan ubah hala. Bagaimana untuk melaksanakan proses ini dalam JavaScript?

1. Dapatkan URL semasa

Dalam JavaScript, anda boleh mendapatkan URL halaman semasa melalui window.location.href. Contohnya:

var currentUrl = window.location.href;

2. Menyambung parameter URL

Seterusnya, anda perlu memautkan parameter di belakang URL. Kaedah biasa ialah menggunakan tanda soal (?) untuk mengasingkan URL dan parameter, menggunakan tanda sama (=) untuk memisahkan nama parameter dan nilai parameter, dan menggunakan & untuk menyambungkan berbilang parameter. Contohnya:

var url = 'http://example.com/page1.html?id=123&name=张三';

Apabila nilai parameter adalah bahasa Cina, pengekodan URL perlu dilakukan dan fungsi encodeURIComponent() digunakan untuk pengekodan. Contohnya:

var name = '张三';
var encodedName = encodeURIComponent(name);
var url = 'http://example.com/page1.html?name=' + encodedName;

3. Ubah hala halaman

Seterusnya, anda boleh menggunakan window.location.href untuk mengubah hala halaman ke URL yang ditentukan. Contohnya:

window.location.href = url;

Kod lengkap adalah seperti berikut:

var name = '张三';
var encodedName = encodeURIComponent(name);
var url = 'http://example.com/page1.html?name=' + encodedName;
window.location.href = url;

Melalui kaedah di atas, kita boleh merealisasikan fungsi lompat halaman dan lulus parameter dalam JavaScript. Dalam proses pembangunan sebenar, kita boleh merangkum parameter ke dalam fungsi untuk digunakan semula. Contohnya:

function redirectPage(name) {
  var encodedName = encodeURIComponent(name);
  var url = 'http://example.com/page1.html?name=' + encodedName;
  window.location.href = url;
}

redirectPage('张三');

Ringkasan

Melalui artikel ini, kami mempelajari cara melaksanakan lonjakan halaman dan lulus parameter dalam JavaScript. Apabila kita perlu menghantar parameter, kita boleh menggabungkan parameter di belakang URL dan menggunakan window.location.href untuk mengubah hala. Dalam pembangunan sebenar, kita boleh merangkum kaedah ini ke dalam fungsi untuk digunakan semula.

Atas ialah kandungan terperinci parameter url lompat javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!