在onload事件中使用Javascript添加兩個數字

Question

頁面加載后，如何從文本框中添加兩個數字？ 它僅在我嘗試創建要添加的按鈕時有效。

 function sum() { var txtFirstNumberValue = document.getElementById('totalprice').value; var txtSecondNumberValue = document.getElementById('price1').value; var result = parseInt(txtFirstNumberValue) * parseInt(txtSecondNumberValue); if (!isNaN(result)) { document.getElementById('totalprices').value = result; } }

Answer 1

使用window.onload

<script>
  function sum() {
            var txtFirstNumberValue = document.getElementById('totalprice').value;
            var txtSecondNumberValue = document.getElementById('price1').value;
            var result = parseInt(txtFirstNumberValue) * parseInt(txtSecondNumberValue);
            if (!isNaN(result)) {
                document.getElementById('totalprices').value = result;
            }
        }
  window.onload=sum;
</script>

Answer 2

當您使用window.onload偵聽器完成文檔加載后，您要么需要調用該函數window.onload偵聽器https://developer.mozilla.org/en/docs/Web/API/GlobalEventHandlers/onload

即

function sum(){
     var txtFirstNumberValue = document.getElementById('totalprice').value;
            var txtSecondNumberValue = document.getElementById('price1').value;
            var result = parseInt(txtFirstNumberValue) * parseInt(txtSecondNumberValue);
            if (!isNaN(result)) {
                document.getElementById('totalprices').value = result;
            }
        }
window.onload = sum;

或者，您可以在文檔中的HTML之后運行代碼，而無需將其包含在函數中，然后它將立即解釋

例如

<html>

<div>some stuff here</div>
... // bottom of document
<script>
var txtFirstNumberValue = document.getElementById('totalprice').value;
                var txtSecondNumberValue = document.getElementById('price1').value;
                var result = parseInt(txtFirstNumberValue) * parseInt(txtSecondNumberValue);
                if (!isNaN(result)) {
                    document.getElementById('totalprices').value = result;
                }
</script>
</html>

Answer 3

如果您更喜歡jQuery，而不是常規Javascript：

$(document).ready(function() {
    var txtFirstNumberValue = $('#totalprice').val();
    var txtSecondNumberValue = $('#price1').val();
    var result = (parseInt(txtFirstNumberValue) * parseInt(txtSecondNumberValue));
    if (!isNaN(result)) {
        $('#totalprices').val(result);
    }
});

這也會比window.onload更快地觸發，從而帶來更好的用戶體驗。

在onload事件中使用Javascript添加兩個數字

問題描述

3 個解決方案

解決方案1
1

解決方案2
1 2015-06-26 07:31:56

解決方案3
1 2015-06-26 07:34:58

在onload事件中使用Javascript添加兩個數字

問題描述

3 個解決方案

解決方案1 1

解決方案2 1 2015-06-26 07:31:56

解決方案3 1 2015-06-26 07:34:58

解決方案1
1

解決方案2
1 2015-06-26 07:31:56

解決方案3
1 2015-06-26 07:34:58