此 HTML 代码片段中的 onclick 函数在哪里定义？

Question

我在 HTMLCodeTutorial.com 上阅读了此代码：

<FORM>
<TABLE BORDER CELLPADDING=3>
<TR>
<TD><NOBR>radius: <INPUT NAME="Circle_radius" SIZE=4></NOBR></TD>
<TD><INPUT TYPE=BUTTON OnClick="Circle_calc(this.form);" VALUE="calculate"></TD>
<TD ALIGN=RIGHT BGCOLOR="#AACCFF">
<NOBR>circumference: <INPUT NAME="Circle_circumference" SIZE=9></NOBR><BR>
<NOBR>area: <INPUT NAME="Circle_area" SIZE=9></NOBR></TD>
</TR>
</TABLE>
</FORM>

我无法理解 OnClick= “Circle_calc(this.form);”

Circle_calc(this.form) 未在任何地方定义。这个功能如何运作？它是 HTML 中的内置函数吗？

Answer 1

它不是内置的。如果你看一下源代码，它的定义是：

<SCRIPT TYPE="text/javascript">
<!--
function Circle_calc(GeoForm)
{
var CircleRadius = GeoForm.Circle_radius.value;
if (CircleRadius >= 0)
   {
   GeoForm.Circle_circumference.value =  2 * Math.PI * CircleRadius ;
   GeoForm.Circle_area.value =  Math.PI * Math.pow(CircleRadius, 2) ;
   }
else
   {
   GeoForm.Circle_circumference.value =  "";
   GeoForm.Circle_area.value =  "";
   }
}
//-->
</SCRIPT>

Answer 2

不幸的是，这是一个相当蹩脚的教程，使用了过时的技术和非标准的 HTML 元素。

Circle_calc 不是内置函数...教程只是忽略了定义它，或者表明它是在其他地方定义的。

强烈建议您找到另一个网站来学习教程，但不幸的是没有一个网站可以推荐，因为我有一段时间不需要一个网站：S

Answer 3

我认为他们非常顽皮，

如果您在该页面上查看页面源代码，并查看他们完成表单的方式，那么您将看到以下内容：

    <SCRIPT TYPE="text/javascript">
<!--
function Circle_calc(GeoForm)
{
var CircleRadius = GeoForm.Circle_radius.value;
if (CircleRadius >= 0)
   {
   GeoForm.Circle_circumference.value =  2 * Math.PI * CircleRadius ;
   GeoForm.Circle_area.value =  Math.PI * Math.pow(CircleRadius, 2) ;
   }
else
   {
   GeoForm.Circle_circumference.value =  "";
   GeoForm.Circle_area.value =  "";
   }
}
//-->
</SCRIPT>


<P>

<FORM>
<TABLE BORDER CELLPADDING=3>
<TR>
<TD><NOBR>radius: <INPUT NAME="Circle_radius" SIZE=4></NOBR></TD>

<TD><INPUT TYPE=BUTTON OnClick="Circle_calc(this.form);" VALUE="calculate"></TD>
<TD ALIGN=RIGHT BGCOLOR="#AACCFF">
<NOBR>circumference: <INPUT NAME="Circle_circumference" SIZE=9></NOBR><BR>
<NOBR>area: <INPUT NAME="Circle_area" SIZE=9></NOBR></TD>
</TR>
</TABLE>
</FORM>

<P>

正如您所看到的，您现在在上下文中拥有 HTML 代码，您实际上可以看到 HTML 执行的脚本。由于脚本位于 HTML 文件内，因此您不需要在 HTML 文件顶部进行导入（如果这是正确的短语）来告诉它要使用哪个脚本文件。

另外，我强烈建议使用 W3c 学校教程，它们要好得多，可以在这里找到： http://www.w3schools.com/w3c/w3c_html.asp

Answer 4

实际上该函数已定义，只是教程代码中未显示 - 请查看源代码以找到它。

Answer 5

在教程的开头指出：

`onClick` gives the script to run when the user clicks on the input. `onClick` applies
 to buttons (submit, reset, and button), checkboxes, radio buttons, and form upload buttons.

该函数在页面的源代码中定义：

function Circle_calc(GeoForm)
{
    ...
}

该函数接受表单作为参数，JavaScript 函数将使用该参数对文本中的值执行读/写操作表单的字段。

我希望这有帮助。