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;
}

亲自试一试