5 JavaScript
, .
:
1) <br>, ;
2) , TEXTAREA, , ;
3) <pre>, , ;
4) . , .. , HTML, .
5) <p>, ;
6) . . ;
7) : ( ), () ();
8) ;
9) , ;
10) ;
11) ;
12) .
1. .
, " !" ( ). "".
.
INPUT ( ),
<INPUT TYPE=SUBMIT OnClick= _ >
, , INPUT.
- ( ).
.
1) , HTML- , .
<html>
<head>
<title> First Form</title>
</head>
<body>
<form>
!
<P>
<input type="submit" onClick="alert('!')">
</form>
</body>
</html>
.
2) HEAD - process (), . process str. alert process.
3) . process , . onClick process, ' ' ( , ).
|
|
|
4) , " " - process. . " ", " ".
2. .
. , . - process . , .
.
! name ( ).
, , value ( ).
1) , HTML- , .
<html><head>
<title> </title>
<script language=javascript>
function process(nForm){
if(nForm==1){
str=document.FirstForm.FirstName.value+" " +
document.FirstForm.LastName.value;
alert(str) }
}
</script></head>
<body>
<form name="FirstForm" >
!
<P>
: <input type=text size=20 name="FirstName" >
: <input type=text size=20 name="LastName" >
<P><input type=submit onClick="process(1)">
</form>
<hr>
<form> !
<P><input type=submit onClick="alert('!')">
</form>
</body></html>
, "" (document) value. ( ):
document.FirstForm.FirstName.value
: FirstForm, FirstName, value.
2) " ". process ( ).
, " : .
3) . INPUT TYPE=password. .
4) . process, :
() ? OK Cancel. ( confirm()). : result=confirm( ?). OK result TRUE, FALSE.
|
|
|
( ) !! OK. result FALSE.
result TRUE () , .
: JavaScript = = ( ), != ( ).
: Str= =FirstForm.Lastname.value.
3. .
- , .. . , . , : TextArea. , .
INPUT :
<textarea rows=5 cols=20 name="Address">
.
</textarea>
1) HTML . !!! .
2) ; process.
<html><head>
<title> </title>
<script language=javascript>
function process(nForm){
var result;
if(nForm==1) {
str=document.FirstForm.FirstName.value+" " +
document.FirstForm.LastName.value+"\n"+" : "+document.FirstForm.Address.value;
if (document.FirstForm.Password1.value == document.FirstForm.Password2.value) {
alert(str);
result=confirm(" ?");
}
else{
alert(" !!");
result=0;
}
if (result==1) alert(" !!")
else alert(" )");
}
}
</script>
</head>
<body>
<form name="FirstForm">
<P>
: <input type=text size=20 name="FirstName"><br>
: <input type=text size=20 name="LastName"><br>
:
<textarea rows=5 cols=20 name="Address">
.
</textarea><br>
: <br> <input type=password size=20 name="Password1">
<br><input type=password size=20 name="Password2"><br>
<P><input type=submit onClick="process(1)">
</body></html>
3) (border=0). , .
4) INPUT maxlength : 15, 20, 10.
4. .
, 5-7 . .. . (: 3, 4).
.
INPUT. TYPE checkbox, CHECKED true(1) false(0), .
:
<input type=checkbox checked=1 name="check1">
! , ( ). ( ).
|
|
|
. , elements.
: document.forms[0].elements[4].value.length
.
:
1) 5 ( 5 );
2) 5 . . ( ); ?
3) process .. . , , :
check1, check2 ..
v=0;n=0;
If (document.FirstForm.check1.checked=1) v++
else n++;
If (document.FirstForm.check2.checked=1) v++
else n++;
..
4) 4 ; ( length ); :
document.FirstForm.Password1.value.length
process:
function process(nForm)
{
var result,v,n;
str=document.FirstForm.FirstName.value+" " +
document.FirstForm.LastName.value+"\n"+" : "+document.FirstForm.Address.value;
if ((document.FirstForm.Password1.value == document.FirstForm.Password2.value)
&& (document.FirstForm.Password2.value.length>3))
{
alert(str);
result=confirm(" ?");
}
else
{
alert(" !!");
result=0;
}
if (result==1)
{
alert(" !!");
v=0;n=0;
if (document. forms[0]. check1.checked==1) v++
else n++;
if (document. forms[0]. check2.checked==1) v++
else n++;
if (document. forms[0]. check3.checked==1) v++
else n++;
if (document. forms[0]. check4.checked==1) v++
else n++;
if (document. forms[0]. check5.checked==1) v++
else n++;
alert(" -"+v+" -"+n);
}
else alert(" ");
}
5) , ( ). :
v=0;n=0;
for(i=5;i<12;i++)
if (document.forms[0]. elements[i]. checked==1) v++
else n++;
alert(" -"+v+" -"+n);
