0

我有一个计算器脚本,只要单击或更改字段,它就会计算表单。它工作得很好,但我也希望在页面加载时使用其默认值计算表单。所以我加了

window.onload=计算(表格);

在表格的末尾,但它不起作用并且表格没有被计算。我究竟做错了什么?这可能是一个明显的答案,只是对我来说并不明显。谢谢你的帮助!

<script type="text/javascript">// <![CDATA[
//  Javascript Mortgage Calculator
function Calc(form) {
 var x, y, incm, intRate = 0;
  intRate = form.rate.value / 100 / 12;
  p = form.term.value * 12;
  form.down.value = form.price.value * form.pdown.value / 100;
  form.loan.value = form.price.value - form.down.value;
  x = form.loan.value * intRate * Math.pow(1 + intRate, p);
  y = Math.pow(1 + intRate, p) - 1;
  form.pni.value = parseInt(x / y);
  form.taxes.value = parseInt(form.price.value * form.taxrate.value / 1200);
  form.ins.value = parseInt(form.price.value * form.insrate.value / 1200);
                form.pmirate.value = 0;
  if (form.pdown.value < 20) {
   form.pmirate.value = .5;
  }
  if (form.pdown.value < 10) {
   form.pmirate.value = .9;
  }
  form.pmi.value = parseInt(form.loan.value * form.pmirate.value / 1200);
  form.piti.value = parseInt(form.pni.value) + parseInt(form.taxes.value) + parseInt(form.ins.value) + parseInt(form.pmi.value);



 }
function Hnt(form,f) {
 var text = "No Hint available for this field!";
  if (form.pni.value == "") {
   Calc(form);
  }
  if (f == "price") {
   text = "Enter the purchase price of the home.";
  }
  if (f == "pdown") {
   text = "Enter the percent that you will put down, usually 5, 10, or 20%.";
  }
  if (f == "loan") {
   text = "This is the financed loan amount borrowed from the lender.";
  }
  if (f == "down") {
   text = "This is the down payment amount, not including closing costs.";
  }
  if (f == "rate") {
   text = "Enter the interest rate for the loan in percent.";
  }
  if (f == "term") {
   text = "Enter the term in years for the loan, usually 15 or 30.";
  }
  if (f == "pni") {
   text = "This is the total principal and interest portion of your monthly payment.";
  }
  if (f == "taxrate") {
   text = "This is the total percentage per year of state, county, and city taxes, as a percentage of the purchase price.";
  }
  if (f == "insrate") {
   text = "This is Homeowner' Insurance rate per year, as a percentage of the loan amount.";
  }
  if (f == "ins") {
   text = "This is the total Homeowners Insurance per month.";
  }
  if (f == "pmirate") {
   text = "Private Mortgage Insurance is required for loans over 80%. This is calculated as a percentage per year of the loan amount.";
  }
  if (f == "pmi") {
   text = "This is the Private Mortgage Insurance per month.";
  }
  if (f == "piti") {
   text = "This is the total monthly payment, PITI, Principal + Interest + Taxes + Insurance";
  }
  if (f == "inc") {
   text = "Enter your total combined annual gross income.";
  }
  if (f == "taxes") {
   text = "This is the total taxes per month.";
  }
  if (f == "debt") {
   text = "Enter your total monthly debt, car loans, credit cards, student loans, etc.";
  }
  if (f == "taxes") {
   text = "This is the total taxes per month.";
  }
  if (f == "fr") {
   text = "Ratio of PITI to your monthly income. Most lenders require 28% or less.";
  }
  if (f == "bk") {
   text = "Ratio of (PITI+debt) to your monthly income. Most lenders require 36% or less";
  }
  if (f == "qualtext") {
   text = "Do you qualify?, and if you don't, why not?";
  }
  if (f == "hint") {
   text = "This field displays hints for the field that currently has the cursor in it.";
  }

 }
// ]]></script>
<center><form></form></center><center>
<p></p>
<form id="Calculator">
<table cellspacing="0" bordercolordark="#999999" cellpadding="0" bordercolorlight="#CCCCCC" border="2" style="background-color: #fffdf6;">
<tbody>
<tr><th colspan="3">
<h3>Mortgage Calculator</h3>
<p>Click any field to calculate the payment information.</p>
</th></tr>
<tr>
<td>
<table valign="top">
<tbody>
<tr><th valign="top" align="center" colspan="2">Purchase Information</th></tr>
<tr>
<td align="right">Home Price $</td>
<td><input onfocus="Hnt(this.form,this.name)" onchange="Calc(this.form)" size="5" value="200000" name="price" type="text" /></td>
</tr>
<tr>
<td align="right">Down %<input onfocus="Hnt(this.form,this.name)" onchange="Calc(this.form)" size="1" value="10" name="pdown" type="text" />$</td>
<td><input onfocus="Hnt(this.form,this.name)" onchange="Calc(this.form)" size="5" name="down" type="text" /></td>
</tr>
<tr>
<td align="right">Loan Amount $</td>
<td><input onfocus="Hnt(this.form,this.name)" onchange="Calc(this.form)" size="5" name="loan" type="text" /></td>
</tr>
<tr>
<td align="right">Interest Rate %</td>
<td><input onfocus="Hnt(this.form,this.name)" onchange="Calc(this.form)" size="5" value="5" name="rate" type="text" /></td>
</tr>
<tr>
<td align="right">Term Years</td>
<td><input onfocus="Hnt(this.form,this.name)" onchange="Calc(this.form)" size="5" value="30" name="term" type="text" /></td>
</tr>
</tbody>
</table>
</td>
<td>
<table valign="top">
<tbody>
<tr><th valign="top" align="center" colspan="3">Payment Information</th></tr>
<tr>
<td align="right" colspan="2">Principal and Interest $</td>
<td><input onfocus="Hnt(this.form,this.name)" onchange="Calc(this.form)" size="5" name="pni" type="text" /></td>
</tr>
<tr>
<td style="visibility: hidden;" align="right">Prop Tax Rate %</td>
<td style="visibility: hidden;"><input onfocus="Hnt(this.form,this.name)" onchange="Calc(this.form)" size="4" value="0" name="taxrate" type="text" />= $</td>
<td style="visibility: hidden;"><input onfocus="Hnt(this.form,this.name)" onchange="Calc(this.form)" size="5" name="taxes" type="text" /></td>
</tr>
<tr>
<td align="right" style="visibility: hidden;">Insurance Rate %</td>
<td style="visibility: hidden;"><input onfocus="Hnt(this.form,this.name)" onchange="Calc(this.form)" size="4" value="0" name="insrate" type="text" />= $</td>
<td style="visibility: hidden;"><input onfocus="Hnt(this.form,this.name)" onchange="Calc(this.form)" size="5" name="ins" type="text" /></td>
</tr>
<tr>
<td align="right">PMI Rate %</td>
<td><input onfocus="Hnt(this.form,this.name)" onchange="Calc(this.form)" size="4" name="pmirate" type="text" />= $</td>
<td><input onfocus="Hnt(this.form,this.name)" onchange="Calc(this.form)" size="5" name="pmi" type="text" /></td>
</tr>
<tr>
<td align="right" colspan="2">Total Payment $</td>
<td><input onfocus="Hnt(this.form,this.name)" onchange="Calc(this.form)" size="5" name="piti" type="text" /></td>
</tr>
<tr></tr>
</tbody>
</table>
</td>
<td></td>
</tr>
</tbody>
</table>
</form></center>
<script type="text/javascript">// <![CDATA[
window.onload=Calc(form) ;
// ]]></script>
4

2 回答 2

4

You're not registering your function but the returned value of this function, which is undefined.

Replace

window.onload=Calc(form) ;

with

window.onload=function(){ // define a new function
   Calc(document.getElementById('Calculator')) // find the form and pass it as argument
};
于 2013-06-21T19:55:08.663 回答
1

It's because you are taking the result of Calc and letting onload call it. Perhaps you should wrap it in another function.

于 2013-06-21T19:54:26.057 回答