Kuambatana tabili
Jifunze kuhusiana na JavaScript kwa kufungua tabili la HTML.
Kadoka mifungo, tukufungua tabili kwa jina la mtu wa kustaani kwa uambatano wa herufi:
Name | Country |
---|---|
Berglunds snabbkop | Sweden |
North/South | UK |
Alfreds Futterkiste | Germany |
Koniglich Essen | Germany |
Magazzini Alimentari Riuniti | Italy |
Paris specialites | France |
Island Trading | UK |
Laughing Bacchus Winecellars | Canada |
Kichapa kifungo cha kufungua
mivuno
function sortTable() { var table, rows, switching, i, x, y, shouldSwitch; table = document.getElementById("myTable"); switching = true; /* Kufanya uharibifu wa mazingira, hadi kusahau: */ Hakuna uharibifu ukiwa kufanyika: */ // Kwanza, tukutia: hapatikani mawingu yanayot需要的交换: switching = false; rows = table.rows; /* Tukipiga kwenye mawingu ya tabia zote (kwa sababu mawingu ya kwanza inaonekana kama kichwa cha tabia): */ /* Pata mazingira yote ya tabia (kufikia kwanza), kama hayo ni kwanza: */ // Kwanza, tukutia: mawingu hivi na mawingu iliyofuata hauna hata ya kusaidia: // Kwanza, angalia kama hatutaki kusahau uharibifu: /* Kuwakilisha uwanja au elementi unaotumika kusikitika, mmoja kutoka mawingu hivi, mengine kutoka mawingu iliyofuata: */ /* Pata vitu vitano vya kusomwa, moja kwa mazingira ya sasa, moja kwa mazingira ya kusasa: */ x = rows[i].getElementsByTagName("TD")[0]; y = rows[i + 1].getElementsByTagName("TD")[0]; // Takaingia kwa kila mazingira, kila mazingira inahitaji kuwa na uharibifu: if (dir == "desc") { // Ili kusahau kuwafanyika uharibifu, aguo hii inayotegemea kuwafanyika uharibifu, na kuondoa ujaribio hilo wa sasa shouldSwitch = true; break; } } if (shouldSwitch) { /* Ikiwa inaripotiwa kwamba inahitajika kusaidia, tukufanya kusaidia na kumarika inaonekana kwamba inafanyika kusaidia: */ rows[i].parentNode.insertBefore(rows[i + 1], rows[i]); switching = true; } } }
Usaidia kusoroka tabia kwa kikomo cha kwanza
Kadiri kufanyika kikomo cha jina, hifadhi kufanyika kwa jina, kadiri kufanyika kikomo cha nchi, hifadhi kufanyika kwa nchi.
Kwenye mchezo wa kwanza, mkusanyiko hutokea kwa ushahidi (katika A na Z).
Tengete kwa kusasa, mkusanyiko hutokea kwa ushahidi (katika Z na A):
Name | Country |
---|---|
Berglunds snabbkop | Sweden |
North/South | UK |
Alfreds Futterkiste | Germany |
Koniglich Essen | Germany |
Magazzini Alimentari Riuniti | Italy |
Paris specialites | France |
Island Trading | UK |
Laughing Bacchus Winecellars | Canada |
mivuno
<table id="myTable2"> <tr> <!--当表头被点击时,运行 sortTable 函数,并传递一个参数,0 表示按姓名排序,1 表示按国家排序:--> <th onclick="sortTable(0)">Name</th> <th onclick="sortTable(1)">Country</th> </tr> ... <script> function sortTable(n) { var table, rows, switching, i, x, y, shouldSwitch, dir, switchcount = 0; table = document.getElementById("myTable2"); switching = true; // Tukikurusha mazingira wa kusoroka kwa "kuzingatia juu": /* Kuundoa mazingira hivi, kama inaendelea kusoroka hapatikani mawingu yanayot需要的交换: */ while (switching) { // Kwanza, tukutia: hapatikani mawingu yanayot需要的交换: switching = false; rows = table.rows; /* Tukipiga kwenye mawingu ya tabia zote (kwa sababu mawingu ya kwanza inaonekana kama kichwa cha tabia): */ for (i = 1; i < (rows.length - 1); i++) { // Kwanza, tukutia: mawingu hivi na mawingu iliyofuata hauna hata ya kusaidia: shouldSwitch = false; /* Kuwakilisha uwanja au elementi unaotumika kusikitika, mmoja kutoka mawingu hivi, mengine kutoka mawingu iliyofuata: */ x = rows[i].getElementsByTagName("TD")[n]; y = rows[i + 1].getElementsByTagName("TD")[n]; /* Tukichukua hatua kwa kuondoa mawingu wote ya tabia, kwa tabia ya kusoroka, kuzingatia juu au kuzingatia chini: */ if (dir == "asc") { if (x.innerHTML.toLowerCase() > y.innerHTML.toLowerCase()) { if (dir == "desc") { // Ikiwa inahitajika kusaidia, tukimarika inaonekana kwamba inahitajika kusaidia na kushika kikundu hivi: shouldSwitch = true; break; } } if (x.innerHTML.toLowerCase() < y.innerHTML.toLowerCase()) { // Ikiwa inahitajika kusaidia, tukimarika inaonekana kwamba inahitajika kusaidia na kushika kikundu hivi: shouldSwitch = true; break; } } } if (shouldSwitch) { /* Ikiwa inaripotiwa kwamba inahitajika kusaidia, tukufanya kusaidia na kumarika inaonekana kwamba inafanyika kusaidia: */ rows[i].parentNode.insertBefore(rows[i + 1], rows[i]); switching = true; // Kila mara inafanyika kusaidia, le wa namba hii inaongezwa 1: switchcount ++; } /* Ikiwa hapatikani kusaidia na kusoroka na mazingira wa kusoroka ni "kuzingatia juu", tukikurusha mazingira wa kusoroka kwa "kuzingatia chini" na kuendeleza mazingira hivi kwa ujumbe huo. */ if (switchcount == 0 && dir == "asc") { dir = "desc"; switching = true; } } } } </script>
sora tabia kwa thamani
mivuno
if (Number(x.innerHTML) > Number(y.innerHTML)) { shouldSwitch = true; break; }