Question

javascript

window.onload=function() {
  document.getElementById("next").onclick=function() {
    document.getElementById("out_est_value").innerHTML=document.getElementById("est_value").value;
    document.getElementById("out_int_est_value").innerHTML=document.getElementById("est_value").value*0.75;
  }
}

输入

<label>Estimated value of property:</label><input type="text" name="est_value" id="est_value" maxlength="30"class="required number"value=""/> <br>

输出

<p> You told us the estimated value of your property is &pound;<span class="red" id="out_est_value"></span> based on this we estimate that the initial cash offer is likely be around &pound;<span class="red" id="out_int_est_value"></span>.<p>

Answer 1

尽可能存储在DOM中找到的对象（例如getElementById(x)）或通过在单独的变量中查找属性（例如element.value）来访问它们（如果它们将被多次访问）（基本上是“重用“他们而不是再找到他们”。这样做可以提高代码的可读性和性能：

window.onload = function() {
  var estVal = document.getElementById("est_value")
    , outEstVal = document.getElementById("out_est_value")
    , outIntEstVal = document.getElementById("out_int_est_value");
  document.getElementById("next").onclick = function() {
    var val = estVal.value;
    outEstVal.innerHTML = val;
    outIntEstVal.innerHTML = val * 0.75;
  };
};

此外，如果你真的使用jQuery，那么接受它为你做的便利事情（它真的值得！），例如查找DOM元素，添加事件处理程序，设置HTML内容等。这样做可能会改善您自己和其他开发人员的代码可维护性，并帮助您避免常见的跨浏览器陷阱：

$(document).ready(function() {
  var estVal = $("#est_value")
    , outEstVal = $("#out_est_value")
    , outIntEstVal = $("#out_int_est_value");
  $("#next").click(function() {
    var val = estVal.val();
    outEstVal.html(val);
    outIntEstVal.html(val * 0.75);
  });
});

从下面的代码我如何将可重用性应用于javascript函数？

1 个答案: