Krulikovsky / джава скрипт / Лабораторная работа Разработка Web(JavaScript)
.pdfJavaScript
JavaScript ,
HTML- .
C++. ,
. , ,
, . JScript — JavaScript, -
Microsoft Internet Explorer.
Microsoft VBScript, Visual Basic.
JavaScript HTML-
HTML- . ( ),
, ,
,
, . JavaScript
.
, (;).
.
2.1. JavaScript
2.1.1.
, .
( 10),
. . ,
. , 123.456. ,
. ,
0.123456 . ,
. , " " ' '.
. .
, .
, .
var. :
var a,b,c var d=5 var e=true
var k= " "
d number, e — , — string ( ).
function , . Object
, . ,
Head Body, . .
, , .
. , , .
.
null.
, , .
( ), .
: + ( ), - ( ), * ( ), / ( ), ++ (
), -- ( ).
2.1.4.
( ), , JavaScript.
. ,
( ) HTML.
, HTML- .
1
Windows. .
.
open, close.
Windows document, history, location, frame.
document ,
. form, image, link, area, anchor, layer, plugin, applet. document.
<Body>: bgColor, fgColor, linkColor, alinkColor, vlinkColor.
write writeln , . ,
, ,
:
document.write (« », ) document.writeln (« »,
).
.
, ,
name <IMG>. :
<IMG s =« .gif jpg» name=pl width=100>.
« p .gif jpg» — .gif
jpg. p1, width=100 — .
src URL- .
images image.
,
document.images(0), document.images(l) . .
,
<Form>….</Form>, document.forms(0), document.forms(l). . ,
:
<FORM name="forml">
,
</FORM>
document.forms(0) , document.forms(l)
. .
history .
location URL- . frame
.
JavaScript .
.
|
|
|
|
X=X+Y |
X+=Y |
|
|
X=X-Y |
X-=Y |
|
|
X=X*Y |
X*=Y |
X=X/Y |
X/=Y |
|
|
X=X%Y |
X%=Y |
, . <
), <= ( ), = = ( ), != ( ), >= ( ), > ( ).
! ( ), && ( ), 
( ). ,
X true, ! false.
. ,
=" " + " " " ".
=" " b=" ", one +=
" ". ,
: ++ ( ), — — ( ), ! ( ), - ( ), *
), / % ( , ), + ( ), — ( ), (<, >, <=, >=), = = ( ), != ( ), && ( ), 11 ( ),
( =, +=, -=, *=, /=, %=, !=).
. , =( +b)/
, .
2
( ),
, — .
. , ,
abs ( ), sin, cos, tan,
. Math . , -
X y=Math.sin(x). ,
, function F (v) {s}. F — , v —
. . s.
, . ,
. -
. : F(w) F(wl, w2, ..., wn),
wl, w2, ..., wn — , ,
. F( ){S}, F( ).
2.1.6.( ) JavaScript HTML-
( ) JavaScript , HTML
( ) <script> </script>. script language.
JavaScript HTML- <script language ="JavaScript">, VBSript <script language ="VBScript">.
language ="JavaScript" , .
, , -
.
JavaScript <!,—>, //.
, JavaScript HTML- :
<script> <!--//
JavaScript //-->
</script>
HTMLJavaScript.
<Head>, <Body>.
JavaScript HTML- . 3.1. WebJavaScript
WebJavaScript 3.1.
3.1.
( ).
10000 . 1000 . JavaScript
:— ;
b — ;
S — ; D — .
a=(S-1000)/5,
b= +1000.
HTML JavaScript ,
3.3.
3.3.
<HTML>
<HEAD>
<TITLE> </TITLE> </HEAD>
<BODY>
<script>
3
<!-- //
var S=10000;D=1000
document.write (" ", a=(S-1000)/5," "," ");
document.write (" ",b=a+1000," "," ") //-- >
</script>
</BODY>
</HTML>
:
1800 2800 .
3.7.
: : ,
JavaScript, .
3.1. :
1., .
2.3.1.
3., .
3.1.
4..txt, JS1.
5..htm, JS1.
6.,
JSl.htm.
3.1
|
|
|
|
|
|
|
S, |
D, |
|
. |
. |
|
|
|
1 |
15000 |
1500 |
|
|
|
2 |
20000 |
2000 |
|
|
|
3 |
25000 |
2500 |
|
|
|
4 |
30000 |
3000 |
|
|
|
5 |
35000 |
3500 |
|
|
|
6 |
40000 |
4000 |
|
|
|
7 |
45000 |
4500 |
|
|
|
8 |
50000 |
5000 |
|
|
|
9 |
55000 |
5500 |
|
|
|
10 |
60000 |
6000 |
|
|
|
11 |
65000 |
6500 |
|
|
|
3.2. HTML JavaScript
HTML JavaScript
3.2.
3.2
.
.
500 . 5,05 . 1 . 1000
JavaScript :— ;
4
b — ;
S — .; D — ;
— , 1 . n –
= (S*k-1000)/5,
b= +1000.
HTML JavaScript ,
3.4
3.4. , .
<HTML>
<HEAD>
<TITLE> </TITLE> </HEAD>
<BODY>
<script> <!-- //
var S=500;D=1000;k=30;n=5
document.write (" ", a=(S*k-D)/5," "," ");
document.write (" ",b=a+D," "," ") //-- >
</script>
</BODY>
</HTML>
.8. .
: JavaScript : ,
JavaScript, ,
. 3.2.
:
1., .
2.3.2, 3.4.
3., .
3.2.
4..txt, JS2.
5..htm, JS2.
6.,
JS2.htm
3.2
|
|
|
|
, |
|
|
S.y.e. |
|
. 1 . |
|
|
, |
|
|
|
|
|
||
|
|
|
D, . |
|
1 |
5 |
500 |
500 |
5,2 |
2 |
6 |
750 |
1000 |
5,4 |
3 |
7 |
1000 |
2500 |
5,5 |
4 |
8 |
1250 |
3000 |
5,6 |
5 |
9 |
1500 |
3500 |
5,1 |
6 |
10 |
2000 |
4000 |
5 |
7 |
11 |
2250 |
4500 |
5,15 |
8 |
12 |
2500 |
5000 |
5,2 |
9 |
13 |
2750 |
5500 |
5,25 |
10 |
14 |
3000 |
6000 |
5,35 |
11 |
15 |
3500 |
6500 |
5,45 |
5
3.3.
3.3
,
. 3.2.
. Fl.
JavaScript F1
, 3.5.
3.5.
<HTML>
<HEAD> <TITLE> </TITLE> <script>
<!--//
function F1(S,K,D,N) {var a=(S*K-D)/N return a
}
//--> </script> </HEAD> <BODY> <script> <!--//
var S1=500;K1=5.05;D1=1000;N1=5; var a=F1(S1,K1,D1,N1);
document.write (" ",a," "); document.write (" ",b=a+D1," ") //-->
</script>
</BODY>
</HTML>
S, k, D, N.
F1(S,K,D,N). S, K, D, N SI, kl, Dl, Nl.
write document .
3.9. .
: WebJavaScript
.
: ,
. 3.2. .
:
1., .
2.3.3, 3.5.
3., .
3.2.
4. .txt, JS3.
5..htm, JS3.
6.,
JS3.htm.
3.4.
. .
3.3 S ., 1
6
. , D , , .
.
( ,
HTML) .
. on.
. , Click, , Click.
JavaScript. ,
, . , onClick = «F1
)». : <FORM name="forml">
</FORM>
form l . , ,
,
, 3.6.
3.6.
<FORM name="forml">
,$:<input type="text" size=5 name="Sl"><xhr>
( , .):<input type="text" size=5 name="Kl"><hr>
):<input type="text" size=5 name="Dl"><hr>
:<input type="text" size=5 name="Nl"><hr> <input type="button" v lue=
onClick="document.form1.res.value=Fl()"><br>
:<input type="text" name=res size=4><br>
<input type="reset" value= > </FORM>
3.4
3.7 HTML
JavaScript,
. 3.3.
3.7.
<HTML>
<HEAD>
<TITLE>
</ TITLE > <script>
function Fl ()
{
varS=Number(document.form1.S1.value)
varK=Number(document.form1.K1.value)
varD=Number(document.form1.D1.value)
varN=Number(document.form1.N1.value) var a=(S*K-D)/N;
return a
}
//--> </script> </Head> <BODY>
<FORM name="forml">
, $:<input type="text" size=5 name="Sl"><hr>
. y.e.):<input type="text" size=5 name="Kl"><hr>
a( ):<input type="text" size=5 name="Dl"><hr>
: <input type="text" size=5 name="Nl"><hr>
7
<input type ="button" value=
onClick="document.forml.res.value=Fl()"><br>
:<input type="text"name=res size=4><br>
<input type="reset" value= > </FORM>
</Body>
</HTML>
3.10. .
: WebJavaScript
.
: .. ,
. 3.2.
. .
.
:
1., .
2.3.4, 3.7.
3..txt, JS4.
4..htm, JS4.
5.,
JS4.htm.
6.. ,
. 3.2.
7..
8., .
.
10..
3.5
, , , .
.
3.6.
|
|
|
|
|
|
|
|
|
3.6. |
|
. 3.5. |
|
|
|
|
|
|
|
. |
|
|
|
|
|
|
|
|
||
|
|
|
|
|
|
|
|
3.11.
.
12%
15% . .
8
3.2.
:) ;) .
a=((S* - D) / N)*S8,
name=(res + Dl)*.85.
A1=((S * -D) / N)*.12 * (N -1)
(.15 ).
9