页面加载时运行函数

Question

我想在页面加载时调用该函数来显示m2和totalpris中的值，但是我的document.onlods（）会杀死这些函数。不知道我做错了什么（注意我不明白javascripts actuallay :)） 但是这个函数没有我的onload行

<input id="bredd" type="text" value="2" /> 
<input id="djup" type="text" value="3" />
<input id="m2" type="text" value="" />
<input id="m2pris" type="text" value="500" />
<input id="totalpris" type="text" value="" />

<script>
$(document).ready(function(){
    document.onload=ready(document.getElementById('m2'));
    document.onload=ready(document.getElementById('totalpris'));

    $('#bredd').keyup(calculate);
    $('#djup').keyup(calculate);
    $('#m2pris').keyup(calculate);
});

function calculate(e)
{
    $('#m2').val($('#bredd').val() * $('#djup').val());
    $('#totalpris').val($('#m2').val() * $('#m2pris').val());
}
</script>

Answer 1

$.ready() 

描述：指定在DOM完全加载时要执行的函数。

$(document).ready() {
    calculate();
    //and anything else
}