cari

Rumah  >  Soal Jawab  >  teks badan

javascript - js, adakah terdapat beberapa baris kod yang anda tidak faham?

<!Doctype html>
<html lang="en>
    <head>
        <meta http-equiv="Content-Type" content="text/html;            charset=utf-8" />
        <title>控制p属性</title>
        
        <script>
            var changeStyle = function(elem, attr, value) {
                elem.style[attr] = value
            };
            window.onload = function() {
                var oBtn = document.getElementsByTagName("input");
                var op = document.getElementById("p1");
                var oAtt = ["width", "height", "background", "display", "display"];
                var oVal = ["200px", "200px", "red", "none", "block"];
                for (var i = 0; i < oBtn.length; i++) {
                    oBtn[i].index = i;
                    oBtn[i].onclick = function() {
                        this.index == oBtn.length - 1 && (op.style.cssText = "");
                        changeStyle(op, oAtt[this.index], oVal[this.index])
                    }
                }
            };
        </script>
    </head>

    <body>
        <p id="outer">
            <input type="button" value="变宽" />
            <input type="button" value="变高" />
            <input type="button" value="变色" />
            <input type="button" value="隐藏" />
            <input type="button" value="重置" />
            <p id="p1"></p>
        </p>
    </body>
</html>

1. Mengapa kita memerlukan operasi logik?
2.Apakah hubungan antara this.index dan op.style.cssText? Bolehkah anda menerangkannya secara ringkas?

女神的闺蜜爱上我女神的闺蜜爱上我2706 hari yang lalu817

membalas semua(2)saya akan balas

  • 某草草

    某草草2017-07-05 11:02:28

    Ayat itu bermaksud: Jika butang yang diklik ialah "Reset", kemudian tetapkan nilai p1 元素的 cssText 清空。也就是重置了 p1 元素的初始状态（没有 style).

    && 运算是从左向右执行的，只有当左边表达式为真时，才执行右边的表达式。在这里既当 this.index == oBtn.length - 1，也就是点击的是最后一个按钮时，执行 op.style.cssText = "".

    Tulisan jenis ini tidak berbaloi untuk dipromosikan. Ia mempunyai kebolehbacaan yang lemah dan bukan cara penulisan yang baik. Cara biasa menulisnya ialah: 

    if(this.index === oBtn.length - 1) {
  op.style.cssText = ""
}

    this.index 就是保存了按钮的序号，用于判断点击的是哪个按钮。在这里不能直接用 i untuk menyatakan bahawa ini adalah kecacatan terkenal dalam JavaScript.

    balas
    0
  • 为情所困

    为情所困2017-07-05 11:02:28

    this.index == oBtn.length - 1 && (op.style.cssText = "");

    bermaksud: jika ia adalah btn terakhir, laksanakan kod berikut (op.style.cssText = ""), iaitu, kosongkan gaya 

    a==b&&code...

    bersamaan dengan if(a==b){code....}

    Secara peribadi saya tidak suka cara penulisan ini.

    2.Apakah hubungan antara .this.index dan op.style.cssText

    this.index ialah nombor siri butang
    op.style.cssText = "" bermaksud mengosongkan gaya op.

    balas
    0
  • Batalbalas