<SCRIPT LANGUAGE="JavaScript">
function openindex()
{
var OpenWindow=window.open("", "newwin", "height=300,width=300");
OpenWindow.document.write("<HTML>")
OpenWindow.document.write("<TITLE> </TITLE>")
OpenWindow.document.write("<BODY BGCOLOR='white'>")
OpenWindow.document.write("<CENTER>")
OpenWindow.document.write("<font size=+1> </font><P>")
OpenWindow.document.write("<a href= 'http://jsp.newmail.ru' target='main window'> <BR> </a><p>")
OpenWindow.document.write("<P><HR><P>")
OpenWindow.document.write("<a href='' onClick='self.close()'> </a><p>")
OpenWindow.document.write("</CENTER>")
OpenWindow.document.write("</HTML>")
self.name="main window"
}
</SCRIPT>
... BODY:
onLoad="openindex()"
, .
, , <HEAD> </HEAD>, .
openindex(). . OpenWindow, window.open(). :
var OpenWindow=window.open("", "newwin", "height=300,width=300');
. , URL. , . , URL , . , . . , .
HTML, . :
OpenWindow.document.write("<HTML>")
OpenWindow ( ) , .
. , . , .
: HTML document.write, .
onLoad BODY .
1) , . 250 300 :
- .
- .
- , , , .
2) , : , , ! . , , .
|
|
|
5
1
JavaScript.
<BODY>
<SCRIPT LANGUAGE="javascript">
var numsums = 10 + 2
alert("10 + 2 " + numsums)
var x = 10
alert(" " + x)
var y = x * 2
alert("10 X 2 = " + y)
var z = " " + ""
alert(z)
</SCRIPT>
</BODY>
<BODY>
<SCRIPT LANGUAGE="javascript">
var numsums = 10 + 2
alert("10 + 2 " + numsums)
var x = 10
alert(" " + x)
var y = x * 2
alert("10 X 2 = " + y)
var z = " " + ""
alert(z)
</SCRIPT>
</BODY>
numsums. 12 (10+2). alert , 10 + 2 = 12.
, , 10, alert .
, y, x, 2. alert.
z, , . alert.
, .
- VAR ( variable, ), , = . VAR , , .
- . , - . , , . .
- ! '' '' .
- . , 0!
- , , : +, -, *, / .
- (+) : .
- , , . . . , , , onMouseOver.
- , _ user_name.
1, .
2
. , <SCRIPT> </SCRIPT>. onMouseOver onMouseOut HTML <A HREF>.
<a href="http://nonags.online.ru/main.html" onMouseOver="document.pic1.src='a.gif'" onMouseOut="document.pic1.src='b.gif'">
<IMG SRC="b.gif" BORDER=0 NAME="pic1"></a>
<a href="http://nonags.online.ru/main.html" onMouseOver="document.pic1.src='a.gif'" onMouseOut="document.pic1.src='b.gif'">
<IMG SRC="b.gif" BORDER=0 NAME="pic1"> </a>
, . , b.gif. , .gif.
|
|
|
, IMG onMouse HREF NAME="pic1". , , .
- onMouseOver onMouseOut . .
- onMouseOver= onMouseOut=, *.gif .
- document.pic1.src , 8. Document , a pic1 ( ). src () , .
- onMouseOver .gif.
- nMouseOut .gif.
- , .
2, .
onMouseOver onMouseOut. onMouseOver onMouseOut .
, JavaScript, <A HREF>. .
<HTML>
<HEAD>
<title></title>
<SCRIPT LANGUAGE="JavaScript">
function up()
{
document.mypic.src="up.gif"
}
function down()
{
document.mypic.src="down.gif"
}
</SCRIPT>
</HEAD>
<BODY>
<CENTER>
<h2> </h2>
<A HREF="http://www.jsp.newmail.ru"
onMouseOver="up()" onMouseOut="down()">
<IMG SRC="down.gif" NAME="mypic" BORDER=0>
</BODY>
</HTML>
- <script language= "javascript">
function up()
{
document.mypic.src="up.gif"
}
function down()
{
document.mypic.src="down.gif"
}
- , . , , SRC. up() down().
<A HREF="http://www.newmail.ru"
onMouseOver="up()" onMouseOut="down()">
<IMG SRC="down.gif" NAME="mypic"
BORDER=0></A>
- O .
- JavaScript, , . : . , 2. mypic2. img src="*.gif". :
<SCRIPT LANGUAGE="JavaScript">
function up() {
document.mypic.src="up.gif"
}
function down() {
document.mypic.src="down.gif"
}
function up2() {
document.mypic2.src="up.gif"
}
function down2() {
document.mypic2.src="down.gif"
}
</SCRIPT>
... :
<A HREF="http://www.htmlgoodies.com"
onMouseOver="up()" onMouseOut="down()">
<IMG SRC="down.gif" NAME="mypic"
BORDER=0></A>
<a href="http://www.htmlgoodies.com"
onMouseOver="up2()" onMouseOut="down2()">
<IMG SRC="down.gif" NAME="mypic2"
BORDER=0></A>
, ? .
3, .
|
|
|
1
. , . nLoad.
2
C HTML. , . , , .
3
2, .
6
JavaScript .
, .
<FORM> </FORM>.
:
<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
function newcolor(color)
{
alert(" " + color)
document.bgColor=color
}
</SCRIPT>
</HEAD>
<BODY>
<p> </p>
<FORM>
<INPUT TYPE="button" VALUE=""
onClick="newcolor('lightblue')">
<INPUT TYPE="button" VALUE=""
onClick="newcolor('pink')">
<INPUT TYPE="button" VALUE=""
onClick="newcolor('white')">
</FORM>
</BODY>
</HTML>
function newcolor(color)
{
alert(" " + color)
document.bgColor=color
}
<FORM>
<INPUT TYPE="button" VALUE=""
onClick="newcolor('lightblue')">
<INPUT TYPE="button" VALUE=""
onClick="newcolor('pink')">
<INPUT TYPE="button" VALUE=""
onClick="newcolor('white')">
</FORM>
- newcolor() ( ) , ('lightblue'). , .
- , newcolor().
- , . . . , . , , .
<SCRIPT>: alert document.bgColor. , : . - : VALUE () INPUT JavaScript, .
, . Yahoo.
<SCRIPT LANGUAGE="JavaScript">
function Gofindit()
{
var search = document.formsearch.find.value;
{
var searchUrl = "http://av.yahoo.com/bin/query?p=" + search;
location.href = searchUrl;}}
</SCRIPT>
<FORM NAME="formsearch"> Yahoo:
<INPUT NAME="find" SIZE="40" TYPE="text">
<INPUT TYPE="button" VALUE="" onClick="Gofindit()">
</FORM>
.
- -, search (), -, document, formsearch, find (), value().
- .
- searchUrl, Yahoo search, document.formsearch.find.value.
- , location.href searchUrl. .
- . : , , , .
- , formsearch.
- find. .
- onClick, .
- </FORM>. .
|
|
|
JavaScript.
JavaScript ..
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
function doit()
{
alert("document.myform.fname.value "
+ document.myform.fname.value)
var greeting=", "
alert(greeting + document.myform.fname.value
+ " " + document.myform.lname.value)
alert(" "
+ document.myform.fname.value.length)
}
</SCRIPT>
</HEAD>
<BODY>
<FORM NAME="myform">
:
<INPUT TYPE="text" NAME="fname"><p>
:
<INPUT TYPE="text" NAME="lname"><p>
<INPUT TYPE="button" VALUE="" onClick="doit()">
</FORM>
</BODY>
</HTML>
:
<FORM NAME="myform">
:
<INPUT TYPE="text" NAME="fname"><p>
:
<INPUT TYPE="text" NAME="lname"><p>
<INPUT TYPE="button" VALUE="" onClick="doit()">
</FORM>
myform. fname, lname. .
, , (value) . , fname, fname.
( onClick), doit().
:
function doit()
{
alert("document.myform.fname.value "
+ document.myform.fname.value)
var greeting=", "
alert(greeting + document.myform.fname.value + " "
+ document.myform.lname.value)
alert(" "
+ document.myform.fname.value.length)
}
, . , doit() . , , .
: ( , myform), ( , fname), (value). value , , .
greeting (). alert(greeting).
, .
greeting. : , () (), , . value.
c : document.myform.fname.value.length. o , (length) , . fname , 4. length value. , - . length .
, , , . , ()! ()... .
, . , ...
HTML aform. , , , . , . , :
|
|
|
- - . ( , )
- (length) .
7
. , JavaScript .
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
function rand()
{
var now=new Date()
var num=(now.getSeconds())%10
var num=num+1
alert(num)
}
</SCRIPT>
</HEAD>
<BODY>
<h1> </h1>
<form>
<INPUT TYPE="button"
VALUE=" 1 o 10"
onClick="rand()">
</FORM>
</BODY>
</HTML>
:
function rand()
{
var now=new Date()
var num=(now.getSeconds())%10
var num=num+1
alert(num)
}
:
-, , , rand().
new Date().
, num. getSeconds(), , . %10 , .
JavaScript, , . , (num=num+1), 0 9, 1 10.
alert .
, :
<form>
<INPUT TYPE="button" VALUE=" 1 o 10" onClick="rand()">
</form>
onClick.
IF (), .
IF , , . . , , { }.
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
function askuser() {
var answer=" "
var statement=", "
var answer=prompt(" ?")
if (answer == "")
{statement=" !"}
if(answer == "")
{statement=" !"}
alert(statement)
}
</SCRIPT>
</HEAD>
<BODY>
<h2></h2>
<FORM>
<INPUT TYPE="button" VALUE="!" onClick="askuser()">
</FORM>
</BODY>
</HTML>
- :
<FORM>
<INPUT TYPE="button" VALUE="!" onClick="askuser()">
</FORM>
, , askuser() ( ).
- :
function askuser() {
var answer=" "
var statement=", "
var answer=prompt(" ?")
if (answer == "")
{statement=" !"}
if(answer == "")
{statement=" !"}
alert(statement)
}
- answer () , .
- , , statement ().
- prompt answer. .
- if ( ).
- , a ==! = .
- , .
- :
- ;
- ;
- , : !
- , : !
- , , answer , alert.
- , JavaScript . T һ , ! , . , IF .
, Else.
If/Else (/) , : , .
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
function rand()
{now=new Date()
num=(now.getSeconds())%10
num=num+1
}
function guessnum()
{guess=prompt(", ?")
if (eval(guess) == num)
{alert("!!!")
rand()
}
else
alert(". .")
}
</SCRIPT>
<BODY onLoad="rand()">
<h3> 1 10</h3>
<FORM NAME="myform">
<INPUT TYPE="button" VALUE=""
NAME="b1" onClick="guessnum()">
</FORM>
</BODY>
</HTML>
- BODY:
<body bgcolor="" onLoad="rand()">
onClick, onLoad, , , .
- :
function rand() {
now=new Date()
num=(now.getSeconds())%10
num=num+1
}
0 9 num. num , 1 10.
- :
function guessnum()
{guess=prompt(", ?")
if (eval(guess) == num)
{alert("!!!")
rand()
}
else
alert(". .")
}
:
- guess ().
eval() (, ) . - , . , , .
{ }. - IF/Else. (if) guess () num, alert("").
- , (else), alert.
- :
<form name="myform">
<input type="button" value="" name="b1" onClick="guessnum()">
</form>
, .
IF
<SCRIPT LANGUAGE="JavaScript">
var0=" "
var1=" "
var2=" "
now=new Date()
num=(now.getSeconds())%3
if (num == 0)
{cliche=var0}
if (num == 1)
{cliche=var1}
if (num == 2)
{cliche=var2}
document.write(cliche + "<br>")
document.write(" : "
+ num)
</SCRIPT>
</BODY>
</HTML>
- :
var0=" "
var1=" "
var2=" "
now=new Date()
num=(now.getSeconds())%3
document.write(" : "
+ num)
document.write !
- . , .
- : . %3 , 0, 1 2. num , 0.
- document.write() , .
- :
if (num == 0)
{cliche=var0}
if (num == 1)
{cliche=var1}
if (num == 2)
{cliche=var2}
document.write(cliche + "<br>") >
- , IF ==.
- , , { }. , , .
- , ( ), {}.
- document.write(cliche) , cliche (. ).
JavaScript, , 0 5 : " : "".
, , . . , JavaScript , .
, , .
, , : pic1.gif, pic2.gif pic3.gif.
8
, . . . If num.
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
var num=1
img1 = new Image ()
img1.src = "leo.gif"
img2 = new Image ()
img2.src = "dino.gif"
img3 = new Image ()
img3.src = "rhino.gif"
function slideshow()
{
num=num+1
if (num==4)
{num=1}
document.animal.src=eval("img"+num+".src")
}
</SCRIPT>
</HEAD>
<BODY>
<CENTER>
<IMG SRC="leo.gif" NAME="animal" BORDER=0>
<p>
<A HREF="JavaScript:slideshow()">
, </A>
</CENTER>
</BODY>
</HTML>
:
<SCRIPT LANGUAGE="javascript">
var num=1
img1 = new Image ()
img1.src = "leo.gif"
img2 = new Image ()
img2.src = "dino.gif"
img3 = new Image ()
img3.src = "rhino.gif"
- num=1 . . num . , , .
- img1 = new Image() image (). img1.src= , , . . img1 leo.gif; img2 dino.gif.
- ( ) . , .
- . , . . , .
2:
function slideshow()
{
num=num+1
if (num==4)
{num=1}
document.animal.src=eval("img"+num+".src")
}
</script>
</head>
<body>
- num 1. . , slideshow.
- slideshow() num . num 4, 1. document.animal.src img num .src. , num = 1, document.animal.src img1.src.
- , eval() img1.src . .
:
<a href="JavaScript:slideshow()">,
</a>
- , . , , . , , .
, :
<a href="" onClick="slideshow()"></a>
. , . 7 9 ( --). .
length () : indexOf(), charAt(). , .
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
function validfn(fnm)
{
fnlen=fnm.length
if (fnlen == 0)
{alert(" ")
document.dataentry.fn.focus()}
}
function validphone(phone)
{
len=phone.length
digits="0123456789"
if(len!= 7 && len!= 9)
{alert(" ")
document.dataentry.phone.focus()}
for(i=0; i<3; i++)
{if (digits.indexOf(phone.charAt(i))<0)
{alert(" ")
document.dataentry.phone.focus()
break}
}
}
</SCRIPT>
</HEAD>
<BODY>
<FORM NAME="dataentry">
<h2> </h2>
:<br>
<INPUT TYPE="text" NAME="fn"
onBlur="validfn(fn.value)">
<SCRIPT LANGUAGE="JavaScript">
document.dataentry.fn.focus()
</SCRIPT>
(--):<br>
<INPUT TYPE="text" NAME="phone" SIZE=10 >
<INPUT TYPE="button" VALUE=""
onClick="validphone(phone.value)">
</BODY>
</HTML>
, validfn() validphone(). , , . :
function validfn(fnm)
{
fnlen=fnm.length
if (fnlen == 0)
{alert(" ")
document.dataentry.fn.focus()}
}
.....
<body>
.....
<INPUT TYPE="text" NAME="fn"
onBlur="validfn(fn.value)">
- validfn(fnm) onBlur. onBlur , , , fn.
- , fn.value , fnm. fn.value document.dataentry.fn.value, , .
- , _.value. .
- fnlen. , , fnlen 4. length?
- , , 0. , focus . , , - .
- , :
function validphone(phone)
{
len=phone.length
digits="0123456789"
if(len!= 7 && len!= 9)
{alert(" ")
document.dataentry.phone.focus()}
for(i=0; i<3; i++)
{if (digits.indexOf(phone.charAt(i))<0)
{alert(" ")
document.dataentry.phone.focus()
break}
}
- -, len. digits .
- If , 7 9 , . && Javascript .
- , , , focus .
- for(i=0; i<3; i++) 3 .
- if (digits.indexOf(phone.charAt(i))<0) : indexOf() charAt().
- phone.charAt(i). , 123, i = 2. 3. ! , . , phone.charAt(0) = 1, phone.charAt(1) = 2, a phone.charAt(2) = 3!
- indexOf , . if (digits.indexOf(phone.charAt(i))<0), JavaScript phone.charAt(i ) digits.
1234567 i = 1, digits , 1, digits = 0123456789.
12 i = 2, ; digits. , -1. = -1 (<0), focus . 7 .
- HTML :
:<br>
<INPUT TYPE="text" NAME="fn"
onBlur="validfn(fn.value)">
<SCRIPT LANGUAGE="JavaScript">
document.dataentry.fn.focus()
</SCRIPT>
(--):<br>
<INPUT TYPE="text" NAME="phone" SIZE=10>
<INPUT TYPE="button" VALUE=""
onClick="validphone(phone.value)">
- JavaScript , , .
. leo.gif, . c img3.src (num=3), img2.src, img1.src. num =0, num 3.
, .
-, . . -. validphone(phone) , 3. != JavaScript . .
