Функция загрузки при загрузке страницы

Question

Привет У меня есть форма, вызывающая функцию при нажатии кнопки «Рассчитать». Следующий код работает нормально. Я пытаюсь сделать так, чтобы вместо onClick даже автоматически отправлялся при загрузке страницы. Пожалуйста, дайте мне знать. Благодаря

<form id="FormCalculate" class="readonly">  
      <input type="hidden" name="readId" id="profreadId" value=""/> 
      <input type="hidden" name="taskName" id="protaskName" value=""/> 
      <div class="fMain"> 
      <label class="fMain" for="EmailAddress">Email Address:</label> 
      <input type="text" class="form-field-medium" id="emailaddress"name="Email"/> 
      </div> 
      <div class="xyz"> 
      <input type="button" class="xyz" onclick="fnCalculate()" value="Calculate" /> 
      </div>   
      </form> 

чем функции JQuery является

function fnCalculate() { 
       $("#calcStart").val(0); 
       fnCrunching(); 
       $("#FormCalculate").submit(); 
      } 

Answer 1

Использование $(document).ready().

$(document).ready(function() { 
    $("#calcStart").val(0); 
    fnCrunching(); 
    $("#FormCalculate").submit(); 
}); 

Answer 2

Trigger, когда страница загружена:

$(document).on('ready', fnCalculate); 

еще лучше, удалить onclick атрибут целиком и использовать обработчик щелчка JavaScript, а также:

$(document).on('click', 'input.xyz', fnCalculate); 

http://jsfiddle.net/mblase75/md7c7/

Answer 3

Используйте функцию готовности документа jQuery для вызова вашей функции, l икэ это:

$(document).ready(function() { 
    fnCalculate(); 
}); 

Примечание: Удалить атрибут onclick из вашей кнопки, если вы хотите только функцию, которая вызывается при загрузке страницы, но оставить его там, если вы хотите, нажмите события, чтобы запустить функцию, а также.