html中的javascript,正确的引用

html中的javascript,正确的引用,javascript,html,Javascript,Html,我有一个包含js的html代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta htt

我有一个包含js的html代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Calculate Payments Form</title>


<script language="JavaScript" type="text/javascript">
function calcpayments()
        <script>
        function calcpayments()

        {
        var r_buch=document.forms[0].buch.value*1;

        var r_a=document.forms[0].a.value*1;
        var r_lbh=document.forms[0].lbh.value*1;
        var r_steuer=document.forms[0].steuer.value*1;
        var r_rev=document.forms[0].rev.value*1;
        var r_jr=document.forms[0].jr.value*1;


        var result=((r_buch)+(40*r_a*r_lbh)+(r_steuer*400)+(r_rev*(2000))+(r_jr*1000));

        result=(Math.max(Math.round(result/12),80));

        document.getElementById("monthlypayment").innerHTML=result;

        }

        </script>
</script>
</head>

<body>
<div style="margin-left: 100px;"> 
<h3>Unverbin</h3>

<div align="left">
<div id="calclpayment">
        <form>
        <strong>
          <br />
Bitte f</strong> <br />
<br />
<table width="100%" align="left">
          <td width="176"><div align="left">Anzahl </div></td>
              <td width="144"><input type= "text" name="buchungen" /></td>
      </tr>
          <tr>
            <td><div align="left">Anz</div></td>
        <td><input type="text" name="mitarbeiter"/>&nbsp;</td>
        <td width="58"></td>
      </tr>
          <tr>
            <td height="24"><div align="left">+ Lohnb:</div></td>
        <td><div align="left">
          <select name="lbh">
            <option value=1>Ja</option>
            <option value=0>Nein</option>
          </select>
        </div></td>
      </tr>
          <tr>
            <td height="24"><div align="left">+ Steuer:</div></td>
        <td><div align="left">
          <select name="steuer">
            <option value=1>Ja</option>
            <option value=0>Nein</option>
          </select>
        </div></td>
      </tr>
          <tr>
            <td height="24"><div align="left">+ ein</div></td>
        <td><div align="left">
          <select name="rev">
            <option value=1>Ja</option>
            <option value=0>Nein</option>
          </select>
        </div></td>
      </tr>
          <tr>
            <td height="24"><div align="left">+ Jahres</div></td>
        <td><div align="left">
          <select name="jr">
            <option value=1>Ja</option>
            <option value=0>Nein</option>
          </select>
        </div></td>
      </tr>
          <tr>
            <td>&nbsp;</td>
        <td><input name="Input" type="button" value="Preis berechnen" onclick="calcpayments()"/></td>
        <td><input name="reset2" type="reset" value="Löschen" /></td>
      </tr>
          </table>
   <br />
  <b>Un</b>  <br />
  <br />

  <div id="monthlypayment" style="font-size: 25px;background-color:#1b365d;
font-weight: bold; width: 100px; padding: 5px; color:#FFF;" > 0  </div>
      </form>

  </div>
          <br />
          <br />
        </p>
    </div>

</div>
</body>
</html>


计算付款单
函数calcpayments()
函数calcpayments()
{
var r_buch=document.forms[0].buch.value*1;
var r_a=document.forms[0].a.value*1;
var r_lbh=document.forms[0].lbh.value*1;
var r_steuer=document.forms[0].steuer.value*1;
var r_rev=document.forms[0]。rev.value*1;
var r_jr=document.forms[0].jr.value*1;
var结果=((r_buch)+(40*r_a*r_lbh)+(r_steuer*400)+(r_rev*(2000))+(r_jr*1000));
结果=(数学最大值(数学四舍五入(结果/12),80));
document.getElementById(“monthlypayment”).innerHTML=结果;
}
乌韦宾


比特f


安扎尔 澳新银行 +Lohnb: 青年成就 不 +斯特尔: 青年成就 不 +艾因 青年成就 不 +雅尔 青年成就 不
联合国

0


代码在一个单独的html文件中工作。现在我想把它集成到另一个html文件中。对不起,我是初学者……)我只是将代码1:1添加到另一个html文件中。Html格式还可以,但是js不起作用。有人能帮忙吗?我认为问题在于js的引用?

基于对函数的即时调用,似乎您的JavaScript文件是在文档准备好之前加载的。考虑把你的<代码>脚本<代码>标签放在身体的底部,或者听。

看看JS会有帮助。根据JS的编写方式,将脚本标记放在正文的底部而不是头部可能会有所帮助。我在上面的问题中编辑了JS,感谢编辑没有显示代码,因此社区仍然很难提供见解/方向。包含一个带有
占位符代码
占位符HTML
的框架HTML文档,其中应该包含真正的肉和土豆,这不会给我们提供任何额外的信息。我们已经可以按照这些思路假设一个结构。你提到你认为“JS的引用”是个问题。您是否已检查浏览器的开发人员控制台以验证JavaScript文件是否已成功解析?操作说明因浏览器而异-搜索引擎是您的朋友。谢谢您的提示。在Opera中显示:TypeError:document.forms[0]。buch未定义。在Edge:Uncaught TypeError:无法读取HTMLInputElement.onclick(blog.html:252)的calcpayments(blog.html:174)中未定义的属性“value”,在您提供的代码段中,我没有看到由“buch”标识的元素。我看到的最近的元素名为
buchungen
。这似乎是其中之一:#我在回答中提到的问题#一个糟糕的参考(
buch
->
buchungen
)#实际的文档结构(例如表单的数量和/或顺序)与JavaScript所期望的不同。与索引和属性访问器相比,通常认为使用更肯定的选择器是一种普遍做法。