2014-05-19 119 views
0

我有這段代碼,裏面有一個小小的Javascript,當我按下按鈕時,它會計算一個價格並顯示結果。但我希望在頁面加載後立即計算此價格。我想這應該是onload的作用,但這並沒有幫助?Onclick需要在頁面加載時發生

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

只要打電話給'calculate'功能? – Jonathan

+0

'$(window).on('load',function(){calculate('calcObject1','label1',200)});'或使用文檔準備僞事件 –

+0

您是如何使用onload的? – Ibu

回答

2

沒有必要在這裏提的單擊事件,你可以只調用calculate事件時,頁面加載:

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

或者使用本地JS:

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

你必須在onload事件body元素的運行代碼:<body onload="calculate(...)">

0

既然你已經標記了jQuery,你可以用它來觸發一個點擊事件。

給您的按鈕的ID,如btn1,然後調用:

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

,或者如果你不喜歡的id,你可以做到這一點,但它會點擊網頁上的所有按鈕:

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

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

0

您還可以使用document ready,如:

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

您可以使用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> 

相關問題