Kaedah JS untuk melaksanakan pelbagai fungsi carian untuk kemahiran javascript data_jadual

Contoh dalam artikel ini menerangkan cara JS melaksanakan pelbagai fungsi carian untuk data jadual. Boleh mengabaikan kes, carian kabur, carian berbilang kunci. Kongsikan dengan semua orang untuk rujukan anda. Kaedah pelaksanaan khusus adalah seperti berikut:

Salin kod Kod adalah seperti berikut: window.onload=function(){ var oTab=document.getElementById("tab"); var oBt=document.getElementsByTagName("input"); oBt[1].onclick=function(){ for(var i=0;i { var str1=oTab.tBodies[0].rows[i].cells[1].innerHTML.toUpperCase(); var str2=oBt[0].value.toUpperCase(); //Gunakan string.toUpperCase() (tukar semua aksara dalam rentetan kepada huruf besar) atau string.toLowerCase() (tukar semua aksara dalam rentetan kepada huruf kecil) //Carian mengabaikan huruf besar yang dipanggil adalah untuk menukar semua input rentetan oleh pengguna kepada huruf besar atau huruf kecil, kemudian menukar semua rentetan dalam jadual maklumat kepada huruf besar atau huruf kecil, dan akhirnya membandingkan aksara yang ditukar antara kedua-duanya. /***********************************Pelaksanaan JS jadual mengabaikan carian kes********** ******** *******************/ Jika(str1==str2){ oTab.tBodies[0].rows[i].style.background='red'; } lain{ oTab.tBodies[0].rows[i].style.background=''; } /***********************************JS melaksanakan carian kabur jadual********** ***** **************************/ //Cari kabur jadual adalah melalui kaedah carian() dalam JS, menggunakan format, string1.search(string2); //Jika rentetan yang dimasukkan oleh pengguna ialah subrentetan, kedudukan subrentetan dalam rentetan utama akan dikembalikan Jika ia tidak sepadan, -1 akan dikembalikan, jadi operasi adalah seperti berikut If(str1.search(str2)!=-1){oTab.tBodies[0].rows[i].style.background='red';} lain{oTab.tBodies[0].rows[i].style.background='';} /***********************************JS melaksanakan carian berbilang kata kunci bagi jadual********* ***********************/ //Carian berbilang kata kunci jadual, tambahkan berbilang kata kunci yang dimasukkan oleh pengguna yang dipisahkan oleh ruang, gunakan kaedah pisah untuk membahagikan rentetan panjang ke dalam tatasusunan rentetan menggunakan ruang sebagai standard, //Kemudian gunakan gelung untuk membandingkan subrentetan tatasusunan yang dipotong dengan rentetan dalam jadual maklumat var arr=str2.split(' '); for(var j=0;j { If(str1.search(arr[j])!=-1){oTab.tBodies[0].rows[i].style.background='red';} } } } } Nama: ID Nama Umur 1 Biru 15 2 Mikyou 26 3 lemah 24 4 langit 35 5 李思 18 Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.