Bucklet

5. JavaScript-Ç ÑÇÙ³Ý íñ³ ¹ÇÝ³ÙÇÏ Web-¿çñ

5.1 ä³ñ½³áõÛÝ ûñÇÝ³ÏÝñ

ØÇÝã ³ÛÅÙ ÙÝù ¹Çï³ñÏáõÙ ¿ÇÝù ëï³ïÇÏ ¿çñÇ Ó¨³íáñáõÙ, ³ÛëÇÝùÝ ³Û¹åÇëÇ ¿çñÇ, áñ ÙÏ ³Ý³Ù éÝíÉáíª ³ÛÉ¨ë ãÝ ÷á÷áËíáõÙ: ê³Ï³ÛÝ ³ÛÅÙ É³ÛÝ ï³ñ³ÍáõÙ Ý ëï³óÉ³Ûëåë Ïáãí³Í ¹ÇÝ³ÙÇÏ ¿çñ: Üñ³Ýù Ï³ñáÕ Ý ÷áËÉ ÇñÝó ïëùÁ Ï³Ëí³Í ûï³áñÍáÕÇ áñÍáÕáõÃÛáõÝÝñÇó Ï³Ù ¿É ÝáõÛÝÇëÏ ÇÝùÝ ÇñÝ: ´³óÇ ¹ñ³ÝÇó ³Û¹åÇëÇ ¿çñÁ Ï³ñáÕ Ý å³ñáõÝ³ÏÉ ¹ÇÝ³ÙÇÏ ¿ÉÙÝïÝñ:

ÆÝãåë Ý ëïí³½áÕ ïáÕ, áñÁ ÁÝ¹áõÝíáõÙ ¿ ÙÇ³ÛÝ Internet Explorer-Ç ÏáÕÙÇó) Ï³Ù <BLINK> (Ã³ñÃáÕ ïùëï, áñÁ ÕÍíáõÙ ³Û¹åÇëÇ ¿çñÁ: ä³ñ½ ¿, áñ ÑÝ³ñ³íáñ ã¿ ëï³Ý³É ¹ÇÝ³ÙÇÏ³Ý ëáíáñ³Ï³Ý ïñÇ ûÝáõÃÛ³Ù: áÛáõÃÛáõÝ áõÝÇ ÇÑ³ñÏ ³Û¹åÇëÇ ïñ, ÇÝãåÇëÇÝÝ Ý <MARQUEE> (ÁÝ¹áõÝíáõÙ ¿ ÙÇ³ÛÝ Netscape-Ç ÏáÕÙÇó); CSS2 ëï³Ý¹³ñïáõÙ áÛáõÃÛáõÝ áõÝÇ text-decoration: blink; Ñ³ïÏáõÃÛáõÝÁ: ê³Ï³ÛÝ ³Û¹ ³ÙÝÁ ¹é¨ë ¹ÇÝ³ÙÇÏ³ ã¿:

¸ÇÝ³ÙÇÏ Web-¿çñ ëïÕÍÉáõ Ñ³Ù³ñ ûï³áñÍáõÙ Ý JavaScript É½íáí ñí³Í Ïá¹Ç ýñ³ÙÝïÝñª Ñ³ïí³ÍÝñ, áñáÝó ëÇÝï³ùëÇëÁ ï³ññíáõÙ ¿ HTML-Ç ëÇÝï³ùëÇëÇó: àñåë½Ç ³é³ÝÓÝ³óÝÉ ³Û¹ ýñ³ÙÝïÝñÁ HTML-÷³ëï³ÃÕÃÇ ÑÇÙÝ³Ï³Ý Ù³ëÇó, Ýñ³Ýó ïÕ³¹ñáõÙ Ý <SCRIPT> ¨ </SCRIPT> ïñÇ ÙÇç¨, ûñÇÝ³Ï ³Ûëåëª

111

²ÛÅÙ ÙÇ ÷áùñ ÷áËÝù Ïá¹Ç ïùëïÁ, ÝÃ³¹ñÉáí, áñ áÉáñ ÙÝ³ó³Í ïñÁ ÝáõÛÝ Ýª

<SCRIPT> window.status = "²Ûë ¿çÁ ñí³Í ¿ JavaScript - áí"; </SCRIPT>

´ñááõ½ñÇ å³ïáõÑ³ÝÁ ¹³ï³ñÏ ¿, ë³Ï³ÛÝ Ã ÙÝù Ý³Ýù íÇ×³ÏÇ ïáÕÇÝ, ³å³ ÏïëÝÝù ³ÛÝïÕ Ùñ ñáõÃÛáõÝÁ: ²Ûë ïáÕáõÙ ÙÇßï ñíáõÙ ¿ window.status ûÛÏïÇÝ íñ³ñ³Í ³ñÅùÁ:

ØÏ ³Ý³ÙÉ ÷áËÝù Ïá¹Áª

<SCRIPT> window.status = "²Ûë ¿çÁ ñí³Í ¿ JavaScript - áí";

setTimeoutO (window.status = ÆëÏ ¹áõù ÇÝãåë ¿Çù Ùï³ÍáõÙ  , 2000); </SCRIPT>

²Ûë ¹åùáõÙ éÝ³íáñÙ³Ý å³ÑÇÝ Ùñ ¿çÁ ÏáõÝÝ³ ÝáõÛÝ ïëùÁ, ÇÝã Ý³Ëáñ¹ ûñÇÝ³ÏáõÙ, ë³Ï³ÛÝ 2 í³ÛñÏÛ³Ý ³Ýó íÇ×³ÏÇ ïáÕáõÙ ÏñíÇ ÆëÏ ¹áõù ÇÝãåë ¿Çù Ùï³ÍáõÙ: setTimeoutO ýáõÝÏóÇ³Ý Ï³ï³ñáõÙ ¿ Ýñ³ ÝñëáõÙ Ýßí³Í áñÍáÕáõÃÛáõÝÁ ÇÝã-áñ Å³Ù³Ý³Ï ³Ýó; 2000-Á Ñ³Ù³å³³ëË³ÝáõÙ ¿ 2 í³ÛñÏÛ³ÝÇÝ:

àõß³¹ñáõÃÛáõÝ ¹³ñÓñù, áñ ýáõÝÏóÇ³ÛáõÙ Ýßí³Í áñÅáÕáõÃÛáõÝÁ ñí³Í ¿ ã³ÏñïÝñÇ Ùç; ¹ñ³ Ñ³Ù³ñ ÙÝù íñóñÉ Ýù ÆëÏ ¹áõù ÇÝãåë ¿Çù Ùï³ÍáõÙ ñáõÃÛáõÝÁ ÙÇÑ³ï³Ýáó ã³ÏñïÝñÇ Ùç, áñåë½Ç ñááõ½ñÁ ³ÙÝ ÇÝã ×Çßï Ñ³ëÏ³Ý³: ´³óÇ ¹ñ³ÝÇó, Ç ï³ñ¹ñáõÃÛáõÝ HTML-Ç, JavaScript -áõÙ ï³ññíáõÙ Ý ÙÍ³ï³é ¨ ÷áùñ³ï³é ñáõÃÛáõÝÝñÁ:

Ü³Ëù³Ý ûñÇÝ³ÏÝñÇ ³ÝóÝÉÁ ÝßÝù ÙÇ ù³ÝÇ ³ÛÉ Ñ³Ý³Ù³ÝùÝñ:

²é³çÇÝÁª ï³ññ ñááõ½ñÝñ Ï³ñáÕ Ý ï³ññ Ïñå Ñ³Ï³Ý³É JavaScript-Ç ýñ³ÙÝïÝñÁ;

ºñÏñáñ¹Áª ñááõ½ñÁ Ï³ñáÕ ¿ ÁÝ¹Ñ³Ýñ³åë ãÑ³ëÏ³Ý³ ëóÝ³ñÁ (ëóÝ³ñ ¿ ÏáãíáõÙ JavaScript áí Ï³Ù áõñÇß É½íáí ñí³Í ýñ³ÙÝïÝñÁ) ¨ ³Û¹ ¹åùáõÙ Ý³ áõÕÕ³ÏÇ áã ÇÝã ãÇ ³ñï³å³ïÏñÇ, ³Û¹ ¹åùÇ Ñ³Ù³ñ ïíù ³ÉïñÝ³ïÇí HTML-ïùëï, áñÁ Ï³ñï³å³ïÏñíÇ ëóÝ³ñÇ ÷áË³ñÝ: ²ÉïñÝ³ïÇí ïùëïÁ ïñíáõÙ ¿ <NOSCRIPT> ïÇ ûÝáõÃÛ³Ù;

ºññáñ¹Áª Ï³ñáÕ ¿ å³ï³ÑÉ, áñ ñááõ½ñÁ ÉÇÝÇ ÑÇÝ ¨ ÁÝ¹Ñ³Ýñ³åë ãÑ³ëÏ³Ý³ <SCRIPT> ï: ²Û¹ ¹åùáõÙ ëóÝ³ñÇ ïùëïÁ áõÕÕ³ÏÇ ³ñï³å³ïÏñíÇ å³ïáõÑ³ÝáõÙ: àñåë½Ç Ëáõë³÷É ¹ñ³ÝÇó, ëóÝ³ñÇ ïùëïÁ Ï³ñÉÇ ¿ íñóÝÉ ëóÝ³ñÇ Ïá¹Á ïñÇ Ùçª , Ï³Ù ¹ÝÉ JavaScript- ÇÙÏÝ³³ÝáõÃÛ³Ý Ýß³ÝÁª //: ¸³ ³ñíáõÙ ¿ ³Ûëåëª

window.status = "²Ûë ¿çÁ ñí³Í ¿ Javascript -áí";

setTimeout ("window.status " 'ÆëÏ ¹áõù ÇÝãåë ¿Çù Ùï³ÍáõÙ' ", 2000); //--> </SCRIPT>

´ñááõ½ñÇ íñëÇ³ÛÇ Ñ³ßíÇ ³éÝáõÙÁ

²ÛÅÙ ¹Çï³ñÏÝù ÙÇ å³ñ½ ûñÇÝ³Ï: ºÝÃ³¹ñÝù ÙÝù ³ñ¹Ý áõÝÝù ¿çñ, áñáÝù Ý³Ë³ïëí³Í Ý Ñ³áõÏ Internet Explorer 4, Netscape 4 Ï³Ù Netscape 6 Ñ³Ù³ñ: ØÝù áõ½áõÙ Ýù ñÉ Ïá¹, áñÁ ÏáñáßÇ ûï³áñÍáÕÇ ñááõ½ñÇ ïÇåÁ ¨ éÝ³íáñÇ Ùñ ¿çñÇó ÙÏÁ ¨ ³óÇ ¹ñ³ÝÇó åïù ¿ ï³ Ý³Ë³½áõß³óáõÙ, Ã Ñ³ÛïÝ³ñÇ ÑÇÝ íñëÇ³ÛÇ ñááõ½ñ:

êÏ½Çó ñÝù ³Û¹åÇëÇ Ý³Ë³½áõß³óáõÙ: ¸ñ³ Ñ³Ù³ñ Ï³ñÉÇ ¿ ûï³áñÍÉ alert ÙÃá¹Á: ²ÛÝ ûï³áñÍíáõÙ ¿ document.write-Ç ÝÙ³Ý ³Ûó ³ñï³ÍáõÙ ¿ ïùëïÁ ñÏËáëáõÃÛ³Ý å³ïáõÑ³ÝáõÙ ¨ ÙÇÝã¨ ûï³áñÍáÕÁ ãëÕÙÇ Ok Ïá×³ÏÁ, ³ßË³ï³ÝùÁ ãÇ ß³ñáõÝ³ÏíÇ: ÆÝãåë áñáßÉ ñááõ½ñÇ íñëÇ³Ý: ¸ñ³ Ñ³Ù³ñ áÛáõÃÛáõÝ áõÝÇ navigator.appVersion Ñ³ïÏáõÃÛáõÝÁ: Üñ³ ³ñÅùÁ áã Ã ÃÇí ¿, ³ÛÉ ÙÇ ³ÙáÕç ïáÕ: ºÃ ñÉª

document.write(navigator.appVersion) ;

³å³ Internet Explorer 5 ñááõ½ñáõÙ ÏñíÇª

4.0 (compatible; MSIE 5.0; Windows 98; DigExt)

ØÝ³ó³Í ñááõ½ñÝñÁ ÝáõÛÝåë ï³Çë Ý ³Û¹åÇëÇ ñÏ³ñ ïáÕ: ²Û¹ ïáÕÇ ³é³çÇÝ ÃÇíÁ óáõÛó ¿ ï³ÉÇë ñááõ½ñÇ íñëÇ³Ý (Internet Explorer 5-áõÙ ÃÇíÁ ÃáÕÉ Ý 4, áñåë½Ç óáõÛó ï³É íñëÇ³ÝñÇ ÝÙ³ÝáõÃÛáõÝÁ): ø³ÝÇ áñ ³Û¹ ÃíÇó Ñïá ¹ñí³Í ¿ Ïï, ³å³ ÑÝ³ñ³íáñ ¿ ³ÛÝ ³é³ÝÓÝ³óÝÉ parselnt() ýáõÝÏóÇ³ÛÇ ûÝáõÃÛ³Ù: ²Û¹ ýáõÝÏóÇ³Ý ÙÇßï ³é³ÝÓÝ³óÝáõÙ ¿ ïáÕÇó ³ÙáÕç ÃÇíÁª Ï³Ý ³éÝÉáí ³é³çÇÝ áã-ÃíÇ íñ³:

îíÛ³É ¹åùáõÙ Ã íñëÇ³ÛÇ Ñ³Ù³ñÁ ÷áùñ ¿ 4-Çó, ³å³ Ñ³ñÏ³íáñ ¿ ³ñï³ÍÉ Ý³Ë³½áõß³Ï³Ý ñÏËáëáõÃÛ³Ý å³ïáõÑ³Ý: ä³ÛÙ³Ý ëïáõÉáõ Ñ³Ù³ñ JavaScript - áõÙ áÛáõÃÛáõÝ áõÝÇ if å³ÛÙ³ÝÇ ûåñ³ïáñÁª

if (parseint(navigator.appVersion)<4)

alert("¸áõù ûï³áñÍáõÙ ù ñááõ½ñÇ ÑÇÝ íñëÇ³.\n Üñ³ÝáõÙ ¿çÁ Ï³ñáÕ ¿ áã ×Çßï ³ñï³å³ïÏñíÇ") ;

alert ÙÃá¹Á ÏÏ³ï³ñíÇ ÙÇ³ÛÝ ³ÛÝ ¹åùáõÙ, ñ ÏÏ³ï³ñíÇ ñááõ½ñÇ íñëÇ³Ý ÷áùñ ¿ 4-Çó å³ÛÙ³ÝÁ: \n-Á ûï³áñÍíáõÙ ¿ JavaScript-áõÙ Ýáñ ïáÕÇÝ ³ÝóÝÉáõ Ñ³Ù³ñ:

²ÛÅÙ áñáßÝù ñááõ½ñÇ ïÇåÁ: ¹ñ³ Ñ³Ù³ñ áÛáõÃÛáõÝ áõÝÇ navigator.appName Ñ³ïÏáõÃÛáõÝÁ: Internet Explorer áõÙ Ýñ³ ³ñÅùÁ ÉÇÝáõÙ ¿ Microsoft Internet Explorer , ÇëÏ Netscape ÏáÙå³ÝÇ³ÛÇ ñááõ½ñÝñáõÙª Netscape: ø³ÝÇ áñ Ûáõñ³ù³ÝãÛáõñ ¹åùÇ Ñ³Ù³ñ ÙÝù åïù ¿ Ý³Ë³ïëÝù ÙÇ ß³ñù áñÍáÕáõÃÛáõÝÝñ, Ñ³ñÙ³ñ ÏÉÇÝÇ ûï³áñÍÉ switch (÷áË³Ýç³ïÇã) ûåñ³ïáñÁ: ²Û¹ ûåñ³ïáñÁ Ï³ñÉÇ ¿ ÝñÏ³Û³óÝÉ Ñï¨Û³É Ïñåª

switch (å³ÛÙ³Ý) { case "³é³çÇ ¹åù":

ÇÝã-áñ áñÍáÕáõÃÛáõÝÝñ

case "ñÏñáñ¹ ¹åù":

ÇÝã-áñ áñÍáÕáõÃÛáõÝÝñ

¨ ³ÛÉÝ

default: áñÍáÕáõÃÛáõÝÝñ ÙÝ³ó³Í ¹åùñáõÙ

Øñ ûñÇÝ³ÏáõÙ ³ÛÝ ÏñíÇ Ñï¨Û³É Ïñåª

switch (navigator.appName) { case "Microsoft Internet Explorer": ÇÝã-áñ áñÍáÕáõÃÛáõÝÝñ

case "Netscape": ÇÝã-áñ áñÍáÕáõÃÛáõÝÝñ

áñÍáÕáõÃÛáõÝÝñ áÉáñ ÙÝ³ó³Í ¹åùñáõÙ

àñåë½Ç ïíÛ³É ¿çÇ ÷áË³ñÝ éÝ³íáñÉ áõñÇßÁ åïù ¿ window.location.href Ñ³ïÏáõÃÛ³ÝÁ ï³É Ýáñ ³ñÅù: ºÃ ûñÇÝ³Ï ñÉª

window.location.href = "msie4.html";

³å³ ñááõ½ñÇ å³ïáõÑ³ÝáõÙ ÁÝÃ³óÇù ¿çÁ Ï÷áË³ñÇÝíÇ msie4.html ¿çáí: ºÏù ¿çÁ éÝ³íáñÉáõó ³é³ç ëïÕÍÝù Ñ³Ù³å³ï³ëË³Ý Ñ³Õáñ¹³ñáõÃÛáõÝª

document-write ("²ÛÅÙ ÏéÝ³íáñíÇ ¿ç Internet Explorer 4 Ñ³Ù³ñ") ;

setTimeout("window.local ion.href = 'msie4.html'", 3000);

ø³ÝÇ áñ ïíÛ³É ¹åùÇ Ñ³Ù³ñ Ý³Ë³ïëí³Í áñÍáÕáõÃÛáõÝÝñÁ íñç³ó³Ý, åïù ¿ ¹áõñë ³É switch ÉáÏÇó break ûåñ³ïáñÇ ûÝáõÃÛ³Ù: ¸ñ³ÝÇó Ñïá ³ÝóÝáõÙ Ýù áõñÇß ¹åùñÇ Ùß³ÏÙ³ÝÁ:

ºÃ ñááõ½ñÇ ïÇåÁ áñáßíó ÇÝãåë Netscape, ³å³ Ù½ ÏñÏÇÝ ³ÝÑñ³Åßï ¿ Ý³ÛÉ Ýñ³ íñëÇ³ÛÇ Ñ³Ù³ñÁ: ¸³ Ï³ñÉÇ ¿ ³ÝÉ if...else ûåñ³ïáñÇ ûÝáõÃÛ³Ùª

if (parseint(navigator.appversion)<=4)

{ document.write ("²ÛÅÙ ÏéÝ³íáñíÇ ¿ç Netscape 4 Ç Ñ³Ù³ñ");

setTimeout("window, location.href = 'nn4.html'", 3000); } else

{ document.write ("²ÛÅÙ ÏéÝ³íáñíÇ ¿ç Netscape 6 Ç Ñ³Ù³ñ") ;

setTimeout("window.location.href = 'nn6.html'", 3000); }

ºÃ parselnt(navigator.appversion)<=4 å³ÛÙ³ÝÁ Ï³ï³ñíáõÙ ¿, ³å³ ³ßË³ïáõÙ ¿ å³ÛÙ³ÝÇÝ Ñ³çáñ¹áÕ ûåï³ïáñÝñÇ ÉáÏÁ, ÇëÏ Ã áã, ³å³ else ³Ý³ÉÇ-³éÇÝ Ñ³çáñ¹áÕ ÉáÏÁ: Ð³ñÏ³íáñ ¿ Ý³¨ Ý³Ë³ïëÉ áñÍáÕáõÃÛáõÝÝñÇ Ñ³çáñ¹³Ï³ÝáõÃÛáõÝÁ ³ÛÉ ¹åùñÇ Ñ³Ù³ñ: úñÇÝ³Ï Ï³ñÉÇ ¿ ûï³áñÍáÕÇÝ ï³É ÑÝ³ñ³íáñáõÃÛáõÝ ÇÝùÝáõñáõÛÝ ÁÝïñÉ ¿çÁª

alert ("¸áõù ûï³áñÍáõÙ ù Ù½ ³ÝÍ³ÝáÃ ïÇåÇ ñááõ½ñ \n ²ÛÅÙ Ó½ Ï³é³ç³ñÏíÝ ¿çñÇ ï³ññ³ÏÝñ, áñáÝù ÑÝ³ñ³íáñ ¿ éÝ³íáñÉ");

document.write ("<A HREF='msie4.html'> Internet Explorer 4-Ç Ñ³Ù³ñ ¿ç</A><BR>");

document.write ("<A HREF='nn4.html'> Netscape 4 Ç Ñ³Ù³ñ ¿ç</A><BR>") ;

document.write ("<A HREF='nn6.html'>Netscape 6 Ç Ñ³Ù³ñ ¿ç </A>");

²ÛÅÙ ïëÝÝù, Ã ÇÝã ¿ Ù½ Ùáï ëï³óíáõÙª

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD> <TITLE>¾çÇ ×Çßï íñëÇ³ÛÇ ³íïáÙ³ï ÁÝïñáõÃÛáõÝ</TITLE>

</HEAD>

<BODY> <SCRIPT> < ! -- if (parseint(navigator.appVersion)<4)

alert("¸áõù ûï³áñÍáõÙ ù ñááõ½ñÇ ÑÇÝ íñëÇ³ \n Üñ³ÝáõÙ ¿çÁ Ï³ñáÕ ¿ áã ×Çßï ³ñï³å³ïÏñíÇ") ;

switch (navigator.appName)

case "Microsoft Internet Explorer":

document.write ("²ÛÅÙ ÏéÝ³íáñíÇ ¿ç Internet Explorer 4-Ç Ñ³Ù³ñ");

setTimeout ("window.location.href = 'msie4.html'", 3000); break; case "Netscape":

if (parseint(navigator.appversion)<=4)

{ document.write ("²ÛÅÙ ÏéÝ³íáñíÇ ¿ç Netscape 4-Ç Ñ³Ù³ñ") ;

setTimeout("window.location.href = 'nn4.html'", 3000);

} else

{ document.write ("²ÛÅÙ ÏéÝ³íáñíÇ ¿ç Netscape 6-Ç Ñ³Ù³ñ");

setTimeout("window.location.href = 'nn6.html'", 3000);

} break;

default:

alert (""¸áõù ûï³áñÍáõÙ ù Ù½ ³ÝÍ³ÝáÃ ïÇåÇ ñááõ½ñ \n ²ÛÅÙ Ó½ Ï³é³ç³ñÏíÝ ¿çñÇ ï³ññ³ÏÝñ, áñáÝù ÑÝ³ñ³íáñ ¿ éÝ³íáñÉ ");

document.write ("<A HREF='msie4.html'> Internet Explorer 4-Ç Ñ³Ù³ñ ¿ç</A><BR>") ;

document.write ("<A HREF='nn4.html'> Netscape 4 Ç Ñ³Ù³ñ ¿ç</A><BR>") ;

document.write ("<A HREF='nn6.html> Netscape 6 Ç Ñ³Ù³ñ ¿ç</A>");

} //> </SCRIPT>

</BODY>

</HTML>

´³½Ù³å³ïÏÙ³Ý ³ÕÛáõë³Ï

ºÝÃ³¹ñÝù, áñ Ù½ Ñ³ñÏ³íáñ ¿ ÝñÏ³Û³óÝÉ ³½Ù³å³ïÏÙ³Ý ³Ûáõë³Ï: Î³ñÉÇ ¿ ÇÑ³ñÏ ³é³ÝÓÇÝ ñÉ Ýñ³ Ûáõñ³ù³ÝãÛáõñ ïáÕÁª

<TABLE>

<TR>

¨ ³ÛÉÝ:

(× Ñ³ïáõÏ ëÇÙíáÉÁ Ýß³Ý³ÏáõÙ ¿ ³½Ù³å³ïÏÙ³Ý Ýß³ÝÁ)

Î³ñÉÇ ¿ í³ñÉ ³ÛÉ Ïñå: êÏ½Çó ¹áõñë ñÝù <TABLE> ïÁ ëóÝ³ñÇó: Ðïá Ñ³ñÏ³íáñ ¿ Ó¨³íáñÉ ïáÕñÇ ÇÝã-áñ ù³Ý³ÏáõÃÛáõÝÁ, áñÁ Ñ³í³ë³ñ ¿ ñÏñáñ¹ ³½Ù³å³ïÏÇãÇ ï³ññ³ÏÝñÇ ù³Ý³ÏÇÝ, áñÁ ëáíáñ³³ñ ÁÝ¹áõÝáõÙ ¿ 2-Çó ÙÇÝã¨ 10 ³ñÅùÝñÁ: ²Û¹ ³½Ù³å³ïÏÇãÁ Ï³ñÉÇ ¿ Ýñ¹ÝÉ ÷á÷áË³Ï³ÝÇ Ùç (÷á÷áË³Ï³ÝÇ ³ÝáõÝÁ ¹ÝÝù I) ¨ ñÉª

for (i=2; i<=10; i++)

{ document.write ("<TR>"); document.write ("</TR>") ;

}

for óÇÏÉÇ ûåñ³ïáñÇó Ñïá ÷³Ï³ÍñáõÙ ñí³ÍÁ Ýß³Ý³ÏáõÙ ¿, áñ

÷á÷áË³Ï³ÝÇ ëÏ½Ý³Ï³Ý ³ñÅùÁ Ñ³í³ë³ñ ¿ 2-Ç

óÇÏÉÇ Ï³ï³ñÙ³Ý å³ÛÙ³ÝÁ- ÷á÷áË³Ï³ÝÁ åïù ¿ ÉÇÝÇ 10-Çó ÷áùñ-Ñ³í³ë³ñ

³ÙÝ ù³ÛÉáõÙ ÷á÷áË³Ï³ÝÇ ³ñÅùÁ ÙÍ³ÝáõÙ ¿ 1-áí

´³óÇ ¹ñ³ÝÇó åïù ¿ ëïÕÍÉ ³ÕÛáõë³ÏÇ çÇçÝñÁ: ²ÙÝ ïáÕáõÙ åïù ¿ ÉÇÝÇ ³ÛÝù³Ý çÇç, ÇÝãù³Ý ³ñÅùÝñÇ ï³ññ³Ï Ï³ñáÕ ¿ ÁÝ¹áõÝÉ ³é³çÇÝ ³½Ù³å³ïÏÇãÁª ³½Ù³å³ïÏÉÇÝ (³ÛÝ ïÕ³¹ñÝù J ÷á÷áË³Ï³ÝáõÙ): Î³½Ù³ÏñåÝù ÙÏ Ñ³ï ¿É óÇÏÉª

for (j=2; j<10; j++) document.write("<TD>"+j+"×"+i+"="+(i*j)+"</TD>") ;

â³ÏñïÝñáõÙ ñí³Í ¿ ³ÛÝ ÇÝãÁ ³ÝÙÇç³åë Ï³ñï³å³ïÏñíÇ ñááõ½ñÇ å³ïáõÑ³ÝáõÙ: öá÷áË³Ï³ÝÝñÁ ñí³Í Ý ³é³Ýó ã³ÏñïÝñÇ ¨ Ï³ñï³å³ïÏñíÝ Ýñ³Ýó ³ñÅùÝñÁ: ²ÙáÕç ïáÕÁ ÙÇ³íáñíáõÙ ¿ + Ýß³ÝÝñáí:

JavaScript-áõÙ * Ýß³ÝÁ Ýß³Ý³ÏáõÙ ¿ ³½Ù³å³ïÏáõÙ, / Ýß³ÝÁª ³Å³ÝáõÙ: áÛáõÃÛáõÝ áõÝÇ Ý³¨ ³Å³ÝÙ³Ý ÙÝ³óáñ¹  áñÍáÕáõÃÛáõÝÁª %:

Øñ ³ÕÛáõë³ÏÁ ³ñ¹Ý å³ïñ³ëï ¿, ÙÝ³óÉ ¿ ÙÇ³ÛÝ Ñ³Ûï³ñ³ñÉ I ¨ J ÷á÷áË³Ï³ÝÝñÁ ëóÝ³ñÇ ëÏ½áõÙ: ¸ñ³ Ñ³Ù³ñ ûï³áñÍíáõÙ ¿ var ³Ý³ÉÇ ³éÁª

var i,j;

´³óÇ ¹ñ³ÝÇó Ï³ñÉÇ ¿ ³é³ÝÓÝ³óÝÉ ëÛáõÝñÁ Çñ³ñÇó <TABLE> ïÇ RULES= ³ïñÇáõïáíª

ºí íñç³åë Ñ³í³ë³ñóÝÝù çÇçÝñÇ ïùëÁ ³ç ÏáÕÙáíª

TD { text-align: right; )

²ÛÅÙ ïëÝÝù, Ã ÇÝã ¿ ëï³óíáõÙª

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE>´³½Ù³å³ïÏÙ³Ý ³ÕÛáõë³Ï</TITLE>

</HEAD>

<STYLE> BODY { text-align: center; background-color: #FCF7EC;

} TD { text-align: right; } </STYLE>

<BODY>

<H2>´³½Ù³å³ïÏÙ³Ý ³ÕÛáõë³Ï</H2>

<SCRIPT> <!-- var i, j ; for (i=2; i<=10; i++) { document.write ("<TR>"); for (j=2;

j<10; j++) document.write("<TD>"+j+"×"+i+"="+(i*j)+"</TD>") ;

document.write ("</TR>") ; }

//-->

</SCRIPT>

</TABLE>

</BODY>

</HTML>

ØÝù Ï³ñáÕ Ýù ûï³áñÍáÕÇÝ ï³É ÑÝ³ñ³íáñáõÃÛáõÝ ÇÝùÝáõñáõÛÝ áñáßÉ ³½Ù³å³ïÏÙ³Ý ³ÕÛáõë³ÏÇ ³½Ù³å³ïÏÉÇÝñÇ ë³ÑÙ³ÝÝñÁ: ¸³ Ï³ñÉÇ ¿ ³ÝÉ Ñï¨Û³É Ïñåª ¿çÁ éÝ³íáñíÉÇëª prompt ÙÃá¹Ç ûÝáõÃÛ³Ù Ë¹ñÉ ûï³áñÍáÕÇÝ ÝñÙáõÍÉ Ûáõñ³ù³ÝãÛáõñ ³½Ù³å³ïÏÇãÇ Ù³ùëÇÙ³É ¨ ÙÇÝÇÙ³É ³ñÅùÝñÁª

mini = prompt ("ÜñÙáõÍù ³é³çÇ ³½Ù³å³ïÏÇãÇ ÙÇÝÇÙ³É ³ñÅùÁ", "2");

²ÛëïÕ Ï³ ³ó³ïñáõÃÛáõÝ ¨ ÝñÙáõÍÙ³Ý ¹³ßï, áñïÕ ³ñ¹Ý å³ïñ³ëïí³Í ¿ ³ñÅù, áñÁ Ï³ßË³ïÇ, Ã áã ÙÇ áõñÇß ³Ý ãÝñÙáõÍíÇ: úï³áñÍáÕÇ ÝñÙáõÍí³Í ³ñÅùÁ Ïíñ³ñíÇ mini ÷á÷áË³Ï³ÝÇÝ: ºÃ ûï³áñÍáÕÁ ëÕÙÇ Cancel Ïá×³ÏÁ, ³å³ ³Û¹ ³ÅùÁ ÏÉÇÝÇ null, ³ÛëÇÝùÝ, áã ÙÇ ³Ý:

²Ûëåë ÙÝù ÝñÙáõÍáõÙ Ýù áÉáñ ³ñÅùÝñÁ ¨ ÷á÷áË³Ï³ÝÝñÁ ïÕ³¹ñáõÙ Ýù óÇÏÉÇ å³ÛÙ³ÝÇ Ùçª

for (j=minl; j<=maxl; j++) document.write("<TD>"+j+"×"+i+"="+(i*j)+"</TD>");

<STYLE> BODY { text-align: center; background-color: #FCF7EC; }

TD { text-align: right; } </STYLE>

<BODY>

<H2>²ëïÇ×³Ý ³ñÓñ³óÝÉáõ ³ÕÛáõë³Ï</H2>

<SCRIPT> <! -- var i,j; for (i=2; i<=10; i++) { document.write("<TR>") ; for (j=2; j<10;

j++)

document.write("<TD>"+j+"<SOP>"+i+"</SUP>="+ Math.pow(j,i)+"</TD>") ;

document.write("</TR>") ;

} //-->

</SCRIPT>

</TABLE>

</BODY>

</HTML>

²ÛÅÙ óáõÛó ï³Ýù ÇÝãåë Ï³ñÉÇ ¿ Ïñ×³ïÉ Ïá¹Á ûï³áñÍÉáí ýáõÝÏóÇÝ³Ýñ