Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > Bagaimana untuk mendapatkan nama projek dalam jquery

Bagaimana untuk mendapatkan nama projek dalam jquery

WBOY
Lepaskan: 2023-05-12 11:00:09
asal
640 orang telah melayarinya

Dalam pembangunan bahagian hadapan, kita selalunya perlu mendapatkan nama projek untuk penyambungan bagi menjana laluan URL yang lengkap. Apabila membangun dengan jQuery, kita boleh mendapatkan nama projek dengan cara berikut.

  1. Gunakan objek lokasi untuk mendapatkan

Dalam JavaScript, maklumat URL halaman semasa boleh diperoleh melalui objek lokasi, termasuk protokol, hos, laluan, dsb. . Kita boleh mendapatkan maklumat laluan halaman semasa melalui atribut location.pathname, dan kemudian memintas nama projek daripadanya. Kod sampel adalah seperti berikut:

var pathName = location.pathname; // 获取当前页面路径
var projectName = pathName.substring(0, pathName.lastIndexOf('/')+1); // 截取项目名
console.log(projectName); // 输出项目名
Salin selepas log masuk

Dengan kaedah di atas, kami boleh mendapatkan nama projek dengan mudah dan menggunakannya dalam penyambungan URL lain.

  1. Gunakan ungkapan biasa untuk mendapatkan

Selain menggunakan objek lokasi untuk mendapatkan nama projek, kami juga boleh mendapatkannya melalui ungkapan biasa. Ungkapan biasa berikut boleh sepadan dengan nama projek:

var projectName = /^/w+//g.exec(location.pathname)[0];
console.log(projectName); // 输出项目名
Salin selepas log masuk

Kelebihan mendapatkan nama projek melalui ungkapan biasa ialah ia boleh memadankan nama projek dengan lebih tepat dan mengelak daripada mendapatkan nama projek yang salah disebabkan oleh keadaan khas.

  1. Pemerolehan fungsi berkapsul

Selain dua kaedah di atas, kami juga boleh merangkum kaedah mendapatkan nama projek ke dalam fungsi untuk memudahkan penggunaan semula dalam projek. Kod sampel adalah seperti berikut:

function getProjectName() {
    var pathName = location.pathname;
    var projectName = pathName.substring(0, pathName.lastIndexOf('/')+1);
    return projectName;
}
console.log(getProjectName()); // 输出项目名
Salin selepas log masuk

Dengan merangkum fungsi, kita boleh memanggil fungsi pada bila-bila masa dalam projek untuk mendapatkan nama projek, tanpa perlu menulis kod yang sama setiap kali.

Ringkasan

Di atas adalah beberapa cara untuk mendapatkan nama projek dalam jQuery Kaedah yang berbeza boleh dipilih secara fleksibel mengikut keperluan projek tertentu. Tidak kira kaedah mana yang digunakan, tujuan mendapatkan nama projek adalah untuk menjana laluan URL yang lengkap, dengan itu menjadikan lompatan halaman lebih mudah.

Atas ialah kandungan terperinci Bagaimana untuk mendapatkan nama projek dalam jquery. 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