JavaScript , this, , . , validate, , , high low :
function validate(obj, lowval, hival) { if ((obj.value < lowval) || (obj.value > hival)) alert("Invalid Value!")}, this .
JavaScript . , . :
- , .
- new.
, , , . , . , car, , make, model, year, color. , :
function car(make, model, year) { this.make = make; this.model = model; this.year = year;}, this, , .
, mycar :
mycar = new car("Eagle", "Talon TSi", 1993);mycar . mycar.make - "Eagle", mycar.year - 1993, .
car new. ,
kenscar = new car("Nissan", "300ZX", 1992), . , person :
function person(name, age, sex) { this.name = name; this.age = age; this.sex = sex;}person :
rand = new person("Rand McNally", 33, "M")ken = new person("Ken Jones", 39, "M")car, , person, :
function car(make, model, year, owner) { this.make = make; this.model = model; this.year = year; this.owner = owner;}:
car1 = new car("Eagle", "Talon TSi", 1993, rand);car2 = new car("Nissan", "300ZX", 1992, ken), , rand ken . , car2, :
car2.owner.name, . , :
car1.color = "black"color car1, " black". , . , car.
|
|
. , GIF, , car, . :
function displayCar() { var result = "A Beautiful " + this.year + " " + this.make + " " + this.model; pretty_print(result)}pretty_print - , . car,
This.displayCar = displayCar;. , car :
function car(make, model, year, owner) { this.make = make; this.model = model; this.year = year; this.owner = owner; this.displayCar = displayCar;}:
car1.displayCar () car2.displayCar ():
A Beautiful 1993 Eagle Talon TSi
A Beautiful 1992 Nissan 300ZX
8 9 .
1. n. .
2. n. .
3. m n (m ≤ 9999, n ≤ 9999). , m , n.
4. n. , (n ≤ 9999).
5. n ≤ 99. k .
6. n, k. , nk m.
7. n- , k.
8. A, B, C, , . , .
9. .
10. n p. ? n , .
11. [n; m] , .
12. x (x < 100). k, m, n 3, 5, 7. x.
13. n (n > 9). ( ). . n = 12345678. 1 + 2 + 3 + 4 = 10.
14. n. 1 n − 1, . , "". . n = 44. : 17, 26, 35.
15. n. 1 n − 1, . , "". . n = 44. : 18, 24.
|
|
16. n. 4- , , n. , "".
17. n. 4- , , n. , "".
18. n. m (m > 1), n . , "". . n = 12345, m = 5. n, 15, 5.
19. n. m (n < m < 2n), n ( ). , "". . n = 12345, m = 12360. 12360 15 n.
20. n (n > 9). , . . n = 1020000. .
1. ?
2. ?
3. , ?
4. ?
5. ?
6. .
10
: JavaScript. . (8 )
: JavaScript HTML-.
Date JavaScript , , [5-9].
, Date . . .
1. ( ), : var a = new Date();
2. , : var a = new Date(yyyy,mm,dd);
3. , : var a = new Date(yyyy,mm,dd,hh,mm,ss);
4. Date , : var a = new Date(otherDate.getTime());
. 0 - , 1 - ..
:
// now var now = new Date(); // birthday 20 1981 .var birthday = new Date(1981,5,20); // exam 5 1999 . 10 30 var exam = new Date(1981,5,20,10,30,0);, , . . .
Date.
Date [6]
Date . :
var dtNewDate;dtNewDate = new Date();Date, . , , Universal Coordinated Time.
:
var dtNewDate;dtNewDate = new Date(nMilliseconds);nMilliseconds , 1 1970 .
, , :
var dtNewDate;dtNewDate=new Date(year, month, date, hours, min, sec, ms);15.
|
|
15.
year | , , 1998 2012 |
month | 0 () 11 () |
date | , 1 31 |
hours | , 0 23. , min |
min | , 0 59. , sec |
sec | , 0 59. , ms |
ms | , 0 999 |
Date
GetDate
, Date. 1 31. :
var dtNewDate;var nDate;dtNewDate = new Date();nDate = dtNewDate.getDate(); getDay, Date. 0 , 1 - , . :
nDay = dtDate.getDay(); getHours, . :
nHours = dtDate.getHours(); getMinutes, . :
nMinutes = dtDate.getMinutes(); getMonth, . :
nMonth = dtDate.getMonth(); getSeconds, . :
nSeconds = dtDate.getSeconds(); getTimeDate. getTime , 1 1970 . :
nMilliseconds = dtDate.getTime(); getTimeZoneOffset( ). :
nOffsetMilliseconds = dtDate.getTimeZoneOffset(); getYeargetYear , Date. :
nYear = dtDate.getYear(); parseparse , 00 00 1 1970 , . Date, :
nMS = Date.parse(szDataString);szDataString , , :
"12 Oct 1998 12:00:00""12 Oct 1998 12:00:00 GMT""12 Oct 1998 12:00:00 GMT+0330", - , , , , - 3 30 .
parse Date setTime ( ).
SetDate
setDate Date. :
dtNewDate.setDate(nDateNumber);nDateNumber 1 31.
SetHours
setHours , , Date. :
dtNewDate.setHours(nHours);nHours . , Date.
SetMinutes
setMinutes , , Date. :
|
|
nMinutes . , Date.
SetMonth
setMonth , , Date. :
dtNewDate.setMonth(nMonth);nMonth . , Date.
SetSeconds
setSeconds , , Date. :
dtNewDate.setSeconds(nSeconds);nSeconds . , Date.
SetTime
setTime Date, , 1 1970 . :
dtNewDate.setTime(nMilliseconds); setYearsetYear , Date. :
dtNewDate.setYear(nsetYear); toGMTStringtoGMTString , (GMT).
ToLocaleString
, GMT .
UTC
UTC , , , 1 1970 . UTC, parse, Date:
nMillisecond = Date.UTC(year, month, date, hours, min, sec, ms);UTC , Date .
.
1. , , .
2. , , .
3. , .
4. , .
5. , .
6. ( ) ?
7. . , "14 2002 , , 2:53:44pm".
8. , 1 .
9. , 1 .
10. , ()?
11. , .
12. ?
13. (22 22 )?
14. ?
15. ?
16. , ( )
17. , (, , )
18. , (, , )
19. ,
20. , 13- ?
. . .
1. Date?
2. Date?
3. Date ?
4. Date ?
5. Date.
11
: JavaScript. . (8 )
: JavaScript HTML-.
JavaScript . [10-15].
Resize. , . , :
<html><head><script language="JavaScript">window.onresize= message;function message() { alert(" !");}</script></head><body>, .</body></html>
|
|
. , message() , . , , . JavaScript . , button, :
<form name="myForm"><input type="button" name="myButton" onClick="alert('Click event occured!')"></form>-:
<form name="myForm"><input type="button" name="myButton"></form>...<script language="JavaScript>document.myForm.myButton.onclick= message;function message() { alert('Click event occured!');}</script>, . ? , window - - .
: -, window.onResize - , . -, message . window.onresize= message(), message() . - .
Event
JavaScript Event. , . , - , Event .
. - . , , :
:
<layer><a href="#" onClick="alert('x: ' + event.x + ' y: ' + event.y); return false;"><img src="davinci.jpg" width=209 height=264 border=0></a></layer>, <a> onClick. , event.x event.y. Event, , .
<layer>. , .. . ( return false; , ).
16 Event.
16. Event
data | URL , DragDrop. |
layerX | ( ) . Resize . |
layerY | ( ) . Resize . |
modifiers | , - ALT_MASK, CONTROL_MASK, META_MASK SHIFT_MASK |
pageX | ( ) . |
pageY | ( ) . |
screenX | ( ) . |
screenY | ( ) . |
target | , , . |
type | , . |
which | ASCII- . |
x | layerX |
y | layerY |
- . -, , , onClick, . , , , , , . , , .
, , :
<html><head><script language="JavaScript">window.captureEvents(Event.CLICK);window.onclick= handle;function handle(e) { alert(" window !"); return true; // .. }</script></head><body><a href="test.htm">"" .</a></body></html>, <a>.
window.captureEvents(Event.CLICK);, Click window. window Click. , , window.
, Event.CLICK CLICK . , |. :
window.captureEvents(Event.CLICK | Event.MOVE);handle(), , return true;. , , , handle(). return false;, .
<a> onClick, , . , window , link. handle()
function handle(e) { alert(" window !"); window.routeEvent(e); return true;}, . e - Event, .
, - . handleEvent(). :
<html><script language="JavaScript">window.captureEvents(Event.CLICK);window.onclick= handle;function handle(e) { document.links[1].handleEvent(e);}</script><a href="test.htm">"" </a><br><a href="test.htm" onClick="alert(' !');"> </a></html>Click, - !
, . - , .
<html><script language="JavaScript">window.captureEvents(Event.KEYPRESS);window.onkeypress= pressed;function pressed(e) { alert("Key pressed! ASCII-value: " + e.which);}</script></html> onAbort, (, ). OnAbort JavaScript , .
, onAbort Image , :
<img name= "aircraft" src= "f15t.gif"
onAbort= "alert ('You didn\'t get to see the image! ') ">
OnBlur
OnBlur - , , framesets.
, , framesets, onBlur JavaScript , , .
OnBlur onBlur <body> , .
, userName - , , onBlur required(), , userName :
<input type= "text" value="" name="userName" onBlur="required(this.value) ">
OnClick
checkboxes, links, radio buttons, reset buttons, submit buttons, onClick false, , . false onClick .
compute() , . onClick , :
<input type="button" value="calculate" onClick="compute(this.form)">
OnError
, . onError JavaScript , .
, JavaScript , , Navigator.
, window.location.href ='Notthere.html ', Notthere.html , - Navigator ; , onError .
<IMG>, onError = "null" , , .
OnFocus
OnFocus - window, frame, frameset. window, frame, framesets, onFocus JavaScript, , .
OnFocus frame onFocus <body> , frame. , alert onFocus : OK, , .
onFocus textarea valueField valueCheck ().
<input tupe="textarea" value="" name=valueField" onFocus="valueCheck()">
OnLoad
OnLoad - :
image, onLoad , , . . , Image, src . , , onLoad , , , .
onLoad Image, GIF (multi-image GIF), onLoad, .
, onLoad , .
<body onLoad="window.alert(" !")>
OnMouseOut
MouseOut , , . OnMouseOut JavaScript , mouseOut.
, onMouseOut, onMouseOver. area, onMouseOut, href <area>.
true, status defaultStatus onMouseOver.
OnMouseOver
OnMouseOver - mouseOver. mouseOver , , . OnMouseOver JavaScript , mouseOver.
OnReset
Reset , Reset.
OnReset JavaScript , Reset. Intrnet-, .
.
- :
onClick
1. button_1 : "- ", " - ", " ?!".
2. button_1 .
3. : " ?".
onMouseOver
4. .
5. .
onMouseOut
6. , ,
onMouseMove
7. .
onAbort
8. ,
onFocus
9. text_1 : -
onBlur
10. text_1 : ?
onChange
11. text_1 : , !
onSelect
12. - : - , - !
onLoad
13.
onContextMenu
14. , ( , false)
onCopy onCut
15. - : , ( false)
onDblclick
16.
onKeyDown
17. - ,
onHelp
18. , , .
onResize
19. .
onSubmit
20. , submit : ,
1. ?
2. ?
3. ?
4. .
12
: JavaScript. . (12 )
: JavaScript HTML-.
, , .
1. button_1 : ("displayWindow", "width=400, height=300, status=no, toolbar=no, menubar=no").
2. , . 250 300 . . . , , , .
3. HTML "". . 50000 : " ..." 50000 .
4. , : : " ?". " " , .
5. , (prompt). , - . (alert) : , , , !
6. , : ", , !" . , .
7. , . : ; , , ; . : : " ". : " ..." . ,
8. , . , www.mycoolsite.ru, JavaScript www.mycoolsite.ru/index.html.
9. . , : ", !". , : " URL ?" , : " ? "; . onUnload.
10. . , .
11. , " ". " " - 216 , . : 216 RGB-, : 00, 33, 66, 99, CC, FF ( 0, 51, 102, 153, 204, 255 ).
12. , .
13. ( ).
14. , .
15. HTML. , . , , .
16. . Yahoo ( ). " ..."
17. HTML aform. , , , . , " ". , : " - " ( , ). (length) .
18. HTML-, : ", ". , , JavaScript top.location.href=urls[num]. (top - window, . location.href, , URL.)
19. HTML- . pic1.gif, , slow, medium fast, (pic2.gif, pic3.gif). medium . 800 . 1600 . 2400 . " ".
20. HTML- . 7 9 ( --). . -. validphone(phone) , 3.
.
13
: JavaScript. . (20 )
: JavaScript HTML-, , , .
JavaScript , . CGI Web. , JavaScript , [5-18].
<form>, HTML, :
<form name="_" target="_" action="_URL__" method=GET POST enctype="_" onSubmit="__Submit"> </form>name . Document.
target <a>. CGI Web, , , . target. , , target .
action URL CGI, .
, Web, action . , , JavaScript Web, .
method Web GET POST. JavaScript , method .
enctype MIME . ( ), application/x-www-form-urlencoded.
URL. multipart/form-data , . JavaScript enctype .
, , submit. Web. , JavaScript .
form
form , , , . 17.
17. <form>
action | action |
elements | ( ), |
encoding | enctype |
length | elements |
method | method |
target | target |
<form>. JavaScript . elements, , , . form, 18.
18. <form>
button | |
checkbox | Check Box. |
hidden | , . Web, JavaScript |
password | . |
radio | . |
reset | , |
select | |
submit | Web. |
text | |
textarea |