javascript menggantikan URL

Kata Pengantar

Dalam era Internet, laman web atau aplikasi selalunya perlu menggantikan URL kerana keperluan perniagaan Pada masa ini, JavaScript telah menjadi alat yang sangat berguna. Artikel ini akan menganalisis penggunaan URL gantian JavaScript melalui contoh dan memberi panduan kepada pembaca tentang pemahaman yang mendalam tentang JavaScript.

Teks

Penggantian URL JavaScript merujuk kepada menggantikan bahagian tertentu kandungan dalam halaman web dengan URL lain Operasi ini boleh dicapai melalui objek lokasi dalam JavaScript. Objek lokasi boleh mengakses maklumat URL dokumen semasa dan boleh mengekstrak pelbagai bahagian URL untuk menetapkan URL baharu. Mari lihat contoh kod JavaScript asas untuk menggantikan URL:

function redirect() {
  location.replace("http://www.baidu.com"); // 替换网址
}
redirect(); // 调用函数

Dalam kod di atas, kaedah location.replace() digunakan untuk menggantikan URL semasa dan menghalakannya ke "http://www. baidu.com", dan akhirnya memanggil dan melaksanakan melalui fungsi redirect().

Selain menggunakan kaedah location.replace(), anda juga boleh menggunakan kaedah location.href dan location.assign() untuk menggantikan URL Fungsi kedua-dua kaedah ini adalah sama, menunjuk ke URL semasa ke URL baharu .

function redirect() {
  location.href = "http://www.baidu.com"; // 替换网址
}
redirect(); // 调用函数

function redirect() {
  location.assign("http://www.baidu.com"); // 替换网址
}
redirect(); // 调用函数

Dalam kod di atas, kaedah location.href dan location.assign() juga boleh menghalakan URL semasa ke URL baharu.

Dalam aplikasi praktikal, kita selalunya perlu melakukan penggantian URL dinamik mengikut situasi yang berbeza. Sebagai contoh, dapatkan input kandungan oleh pengguna melalui kotak input, dan kemudian hantar kandungan input sebagai parameter kepada URL untuk mencapai penggantian dinamik.

function redirect() {
  var keyword = document.getElementById("searchInput").value; // 获取输入框中的内容
  var newUrl = "https://www.baidu.com/s?wd=" + keyword;
  location.href = newUrl; // 替换新的 URL
}

Dalam kod di atas, kami mula-mula mendapatkan kandungan dalam kotak input dengan id "searchInput", kemudian gunakan tanda tambah untuk menyambungkannya ke URL baharu, dan akhirnya menggantikannya dengan URL semasa.

URL gantian JavaScript juga boleh digunakan untuk melaksanakan lompatan halaman dan ubah hala. Berikut ialah contoh kod untuk melaksanakan lompatan halaman dan ubah hala melalui JavaScript:

// 页面跳转
function jumpToPage() {
  var pageNum = document.getElementById("pageNumInput").value;
  var newUrl = "http://www.example.com/page_" + pageNum + ".html";
  location.href = newUrl;
}

// 重定向
function redirect() {
  location.replace("http://www.example.com"); // 重定向到新的网站
}
redirect(); // 调用函数

Dalam contoh kod di atas, kami memperoleh kandungan yang dimasukkan oleh pengguna dan kemudian menyambungkannya ke URL baharu sebagai parameter lompatan Halaman dan ubah hala.

Kesimpulan

Penggantian URL JavaScript adalah fungsi yang sangat praktikal dan sering digunakan dalam aplikasi praktikal. Melalui kod contoh dalam artikel ini, pembaca boleh menguasai penggunaan JavaScript untuk menggantikan URL dengan cepat dan melaksanakan fungsi seperti penggantian dinamik, lonjakan halaman dan ubah hala. Perlu diingat bahawa apabila melakukan penggantian URL, anda mesti memberi perhatian kepada format dan sintaks URL, jika tidak, penggantian dan akses biasa tidak akan dicapai.

Rujukan

1. W3school JavaScript location Object [EB/OL]. (2022-05-28) [2022-06-05]. com/js/js_window_location.asp.
2. Lokasi Web MDN [EB/OL]. (2022-06-05). en-US/docs/Web/API/Lokasi.

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