, :
)
b)
c) HTML
d)
1. , , . :
;
;
e-mail;
JavaScript .
.
.
e-mail. E-mail . @, , , , . .
2. ( ) :
.
;
. .
3. . , . :
;
;
;
;
;
;
;
;
e-mail;
(, , , , ) ( );
;
.
;
;
;
;
;
;
;
;
e-mail;
.
CSS- . . 4 .
, .
4. JavaScript .
4.1. , , .
4.2. , , , , .
4.3. , 1900 2007.
4.4. : 01, 02, 03, 04, 05, 06, 07, 08, 09, 10, 11 12.
4.5. . 30 31 , 31 , , , , 29 .
|
|
4.6. , .
4.7. 6 20 , , .
4.8. 6 20 , , .
4.9. .
4.10. E-mail . @, , , , . .
5. , .
5.1. ( ) .
5.2. ( ) . , , , .
5.3. , , . . , , . . ( ) , . , , , .
JavaScript :
, BOM: window, location, navigator ..
, DOM:document
Array, String, Date, Number, Function, Boolean, Math.
for( in ) "" . .
for(v in document)
document.write("document."+v+" = <B>"+ document[v]+"</B><BR>");
navigator.
: , , , , JavaScript.
b) JavaScript "window2"?
window.open("http://www.w3schools.com","window2")
open.new("http://www.w3schools.com","window2")
new.window("http://www.w3schools.com","window2")
new("http://www.w3schools.com","window2")
6. . . JavaScript.
setTimeout(). JavaScript , :
|
|
a) movie() onLoad;
b) ;
c) movie() 500 ;
d) movie() JavaScript-.
.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title> </title>
<SCRIPT>
var i=0;
n=5;
function movie()
{
document.i.src='n'+i+'.gif';
i++; if(i>10){i=0;n--;}
if(n>0)setTimeout('movie();',500);
}
</SCRIPT>
</head>
<body onLoad="movie();"><IMG NAME=i>
</body>
</html>
a) .
8. , . URL .
9. , :
window.status = "Welcome to my Web page.";
document.write("<hl>Welcome to my Web page.</hl>")
, .
10. : , .
11. URL href location.
<html> <head>
<script type="text/javascript">
function showLocation() {
alert("This page is at: " + location.href);
}
</script> </head>
<body onload="showLocation()"> Bu, be, by.
</body> </html>
onclick .
window
(), (), ( ). .
window.open()
open() . :
myWin = window.open("URL", "_", "=, =,...", );
, ( , ). , TARGET <A> <FORM>. _blank, _parent, _self, _top, , TARGET. _ ( ), , myWin ( ).
‑ , , . , , .
window.open() | ||
width | ( 100) | |
height | ( 100) | |
left | ||
top | ||
directories | yes/no | (Netscape Navigator) |
location | yes/no | |
menubar | yes/no | |
resizable | yes/no | |
scrollbars | yes/no | |
status | yes/no | |
toolbar | yes/no |
yes no 1 0. "" , true false : URL history history.
|
|
window.open() , .. Window. , ( , , , ).
:
<FORM>
<INPUT TYPE=button VALUE=" "
onClick="window.open('', 'test1',
'directories=no,height=200,location=no,'+
'menubar=no,resizable=no,scrollbars=no,'+
'status=no,toolbar=no,width=200');">
<INPUT TYPE=button VALUE=" "
onClick="window.open('', 'test2',
'directories=yes,height=200,location=yes,'+
'menubar=yes,resizable=yes,scrollbars=yes,'+
'status=yes,toolbar=yes,width=200');">
</FORM>
" " :
directories=no ;
height=200 200 px;
location=no ;
menubar=no ;
resizable=no ;
scrollbars=no ;
status=no ;
toolbar=no ;
width=200 200 px.
" " , :
directories=yes ;
height=200 200 px;
location=yes ;
menubar=yes ;
resizable=yes ;
scrollbars=yes ;
status=yes ;
toolbar=yes ;
width=200 200 px.
window.close()
close() . , , , . , :
window.close();
self.close();
window.open(), , , - window.opener ( , window , , .. , ). , , .. , , :
window.opener.close();
, :
id=window.open();
...
id.close();
, ( TARGET ), .
focus() blur()
focus() , . , , , . .
, , , . , . , :
<HTML>
<HEAD>
<SCRIPT>
function myfocus(a)
{
myWin = window.open('','example','width=300,height=200');
// .
|
|
// 'example' , ,
// 'example'
if(a==1)
{
myWin.document.open(); //
myWin.document.write('<H1> '); //
}
if(a==2)
{
myWin.document.open();
myWin.document.write('<H1> ');
}
if(a==3)
{
myWin.focus(); // , ,
//
myWin.document.open();
myWin.document.write('<H1> ');
}
myWin.document.write('</H1>');
myWin.document.close();
}
</SCRIPT>
</HEAD>
<BODY>
<a href="javascript:myfocus(1);"> -</a>,
<BR><BR>
<a href="javascript:myfocus(2);"> - , </a>,
<BR><BR>
<a href="javascript:myfocus(3);"> - , </a>.
</BODY>
</HTML>
(), myWin.
myWin, myWin.blur(). , , , window.blur(). , .
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>JavaScript </title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript">
function display() {
window.onerror=null;
document.form.navigator.value = navigator.appName;
document.form.version.value = navigator.appVersion;
document.form.codename.value = navigator.appCodeName;
document.form.useragent.value = navigator.userAgent;
document.form.platform.value = navigator.platform;
if (navigator.javaEnabled() < 1) document.form.java.value="No";
if (navigator.javaEnabled() == 1) document.form.java.value="Yes";
}
</script>
</head>
<body onclick="display()">
<form name=form>
<table border=1 width="600">
<tr>
<td>
:</td>
<td ><input type=text size=20 maxlength=20 name="navigator"></td>
</tr>
<tr>
<td>
:</td>
<td ><input type=text size=20 maxlength=20 name="version"></td>
</tr>
<tr>
<td>
</td>
<td ><input type=text size=15 maxlength=15 name="codename"></td>
</tr>
<tr>
<td>
:</td>
<td ><input type=text size=15 maxlength=15 name="platform"></td>
</tr>
<tr>
<td>
Java:</td>
<td><input type=text size=3 maxlength=3 name="java"></td>
</tr>
<tr>
<td>
UserAgent:</td>
<td><input type="text" name="useragent" style="width: 97%"></td>
</tr>
<tr>
<td colspan=2 >
<input type=button name=again style="width: 100%" value=" " onclick="display()"></td>
</tr>
</table>
</form>
</body>
</html>
7. .
8. : " " " ". " " , (. . . 4). " ", .
9. . , . 11. . Animation.html.
10. , . , .
|
|
11. . , .
12. (1 )
2 . : .
: HTML.doc.
13. : "" "". DHTML.
4. 1).
| B |
, , . - , , .
(, ball.gif ).
5. K . . Animation.html.
6. .
7. , . , .
8. . , .
9. (1 )
2 . : .
: HTML.doc
1. Ajax. Adobe Dreamweaver Spry. , Spry, Spry, Spry, Spry, Spry . .js .css .
10. .
11. .
12. (, , ).
13. .
14.
15. -.
16. : .
17. JavaScript.
18. .
19.
20. . Web- 7- 5- .
21.
22. -------2 +------ +-------- =0
23. JavaScript
24.
25. : , , , HTML- , .
26. : KOI8-R, WINDOWS-1251, UNICODE.
27. .