laman web redirect jQuery-tutorial js-php.cn

jQuery Redirect Web Page

Menggunakan JavaScript untuk mengalihkan laman web, anda boleh memilih untuk menggunakan jQuery atau JavaScript tulen. Jika anda perlu mengarahkan semula dengan segera, anda mungkin lebih suka menggunakan JavaScript tulen.

Redirect dengan JavaScript tulen

Tiada jQuery diperlukan,

adalah cara terbaik untuk mensimulasikan pengalihan HTTP. window.location.replace(…)

// 模拟与HTTP重定向类似的行为
window.location.replace("http://jquery4u.com");

// 模拟点击链接的行为
window.location.href = "http://jquery4u.com";

Salin selepas log masuk

Redirect menggunakan jQuery

var url = "http://jquery4u.com";    
$(location).attr('href',url);

Salin selepas log masuk

Ini lebih baik daripada menggunakan

kerana window.location.href = tidak akan meletakkan halaman asal ke dalam sejarah sesi, yang bermaksud pengguna tidak akan jatuh ke dalam dilema butang pulangan yang tidak berkesudahan. Jika anda ingin mensimulasikan pengguna mengklik pautan, gunakan replace() (untuk semua pelayar). Jika anda ingin mensimulasikan pengalihan HTTP, gunakan location.href. location.replace

Soalan Lazim Pengalihan JQuery (Soalan Lazim)

Apakah pengalihan jQuery dan mengapa ia digunakan?

Pengalihan JQuery adalah kaedah yang digunakan dalam pembangunan web untuk menavigasi antara laman web. Ia adalah sebahagian daripada JQuery, perpustakaan JavaScript yang cepat, padat dan kaya. Anda boleh menggunakan fungsi redirect apabila anda ingin mengalihkan pengguna ke halaman atau URL laman web yang berbeza. Ini berguna dalam pelbagai senario, sebagai contoh, selepas pengguna mengemukakan borang, anda mungkin ingin mengarahkannya ke halaman terima kasih, atau jika halaman telah bergerak, anda mungkin mahu menghantar pengguna ke lokasi baru.

Bagaimana untuk melaksanakan pengalihan jQuery?

Melaksanakan pengalihan semula jQuery sangat mudah. Anda perlu menggunakan objek

dalam JavaScript. Berikut adalah contoh mudah: window.location

$(document).ready(function(){  
  window.location.href = "https://www.newurl.com";  
});

Salin selepas log masuk

Dalam contoh ini, apabila dokumen siap, penyemak imbas akan mengarahkan ke URL baru.

Bolehkah saya mengarahkan ke tetingkap baru menggunakan jQuery?

Ya, anda boleh mengarahkan ke tetingkap baru menggunakan jQuery. Anda akan menggunakan

bukan window.open(). Berikut adalah contoh: window.location.href

$(document).ready(function(){  
  window.open("https://www.newurl.com", "_blank");  
});

Salin selepas log masuk

Dalam contoh ini, parameter "_blank" menyebabkan URL baru dibuka dalam tetingkap atau tab baru.

Bolehkah saya melambatkan pengalihan semula jQuery?

Ya, anda boleh melambatkan pengalihan jQuery menggunakan fungsi

dalam JavaScript. Berikut adalah contoh: setTimeout()

$(document).ready(function(){  
  setTimeout(function(){  
    window.location.href = "https://www.newurl.com";  
  }, 5000);  
});

Salin selepas log masuk

Dalam contoh ini, pengalihan akan berlaku selepas kelewatan 5000 milisaat (atau 5 saat).

Bolehkah saya menggunakan jQuery untuk mengarahkan mengikut syarat -syarat tertentu?

Ya, anda boleh menggunakan jQuery untuk mengarahkan semula mengikut syarat -syarat tertentu. Sebagai contoh, anda mungkin mahu mengalihkan pengguna berdasarkan input borang. Berikut adalah contoh:

$(document).ready(function(){  
  if($("#inputField").val() == "specificValue"){  
    window.location.href = "https://www.newurl.com";  
  }  
});

Salin selepas log masuk

Dalam contoh ini, jika nilai medan input dengan id "inputfield" adalah "spesifik", pengguna akan diarahkan ke URL baru.

Bolehkah saya mengarahkan ke URL relatif menggunakan jQuery?

Ya, anda boleh mengarahkan ke URL relatif menggunakan jQuery. Daripada menyediakan URL penuh, anda akan memberikan laluan relatif kepada halaman semasa. Berikut adalah contoh:

// 模拟与HTTP重定向类似的行为
window.location.replace("http://jquery4u.com");

// 模拟点击链接的行为
window.location.href = "http://jquery4u.com";

Salin selepas log masuk

Dalam contoh ini, pengguna akan diarahkan ke "Newpage.html" dalam domain yang sama seperti halaman semasa.

Bolehkah saya mengarahkan ke URL luaran menggunakan jQuery?

Ya, anda boleh mengarahkan ke URL luaran menggunakan jQuery. Anda akan menyediakan URL penuh sebagai parameter kepada window.location.href. Berikut adalah contoh:

var url = "http://jquery4u.com";    
$(location).attr('href',url);

Salin selepas log masuk

Dalam contoh ini, pengguna akan diarahkan ke URL luaran.

Bolehkah saya menggunakan jQuery untuk mengarahkan semula selepas butang diklik?

Ya, anda boleh menggunakan jQuery untuk mengarahkan semula selepas butang diklik. Anda akan menggunakan pengendali acara klik dalam jQuery. Berikut adalah contoh:

$(document).ready(function(){  
  window.location.href = "https://www.newurl.com";  
});

Salin selepas log masuk

Dalam contoh ini, apabila butang dengan id 'mybutton' diklik, pengguna akan diarahkan ke URL baru.

Bolehkah saya menggunakan jQuery untuk mengarahkan selepas penyerahan borang?

Ya, anda boleh menggunakan jQuery untuk mengarahkan semula selepas borang diserahkan. Anda akan menggunakan pengendali acara hantar dalam jQuery. Berikut adalah contoh:

$(document).ready(function(){  
  window.open("https://www.newurl.com", "_blank");  
});

Salin selepas log masuk

Dalam contoh ini, apabila mengemukakan borang dengan id 'myForm', pengguna akan diarahkan ke URL baru.

Bolehkah saya menggunakan jQuery untuk mengarahkan semula selepas pudar?

Ya, anda boleh menggunakan jQuery untuk mengarahkan semula selepas pudar. Anda akan menggunakan fungsi fadeOut() dalam jQuery. Berikut adalah contoh:

$(document).ready(function(){  
  setTimeout(function(){  
    window.location.href = "https://www.newurl.com";  
  }, 5000);  
});

Salin selepas log masuk

Dalam contoh ini, badan halaman semasa akan pudar dalam masa 2 saat, selepas itu pengguna akan diarahkan ke URL baru.

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