Где функция onclick в этом фрагменте HTML определена?

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

На самом деле эта функция определена, она просто не показал в Код учебника - посмотрите на источник, чтобы его найти.

Answer 4

Они были довольно непослушный Methinks,

Если вы источник вид страницы на этой странице, и посмотреть на то, как они сделали вид, то вы увидите, что это:

<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 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 чтобы выполнять операции чтения/записи над значениями в текстовых полях формы.

Надеюсь, это поможет.