Question

我有一段代码，里面有一个小Javascript，当我按下它按钮计算价格并显示结果。但是我希望在页面加载时立即计算出这个价格。我认为这必须是onload的用途，但那没有用？

<div>
    <p>200</p>
    <div id="label1"></div>
    <input type="button" value="calculate" onclick="calculate('calcObject1','label1',200)" />
</div>

Answer 1

此处无需提出点击事件，因为您可以在页面加载时调用calculate事件：

$(function() {
    calculate('calcObject1', 'label1', 200);
});

或使用原生JS：

window.onload = function() {
    calculate('calcObject1', 'label1', 200);
}

Answer 2

您必须在onload元素的body事件中运行代码：<body onload="calculate(...)">

Answer 3

由于您已经标记了jQuery，因此您可以使用它来触发点击事件。

为您的按钮指定ID，例如btn1，然后致电：

$('#btn1').click();

或者如果你不喜欢id，你可以这样做，但它会点击页面上的所有按钮：

$('input[type="button"]').click();

http://api.jquery.com/click/

Answer 4

您也可以使用document ready，例如：

<script type="text/javascript">
$(document).ready(function() {
    calculate(..);
});
</script>

Answer 5

您可以使用body标签的onload属性。看看这个小提琴：

http://jsfiddle.net/kostisalex/wHLn3/20/

<body onload="calculate('fromBody1','fromBody2',200)">
    <div>
        <input type="button" value="calculate" onclick="calculate('calcObject1','label1',200)" />
    </div>

Onclick需要在页面加载时发生

5 个答案: