Добавил:
ivanov666
Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз:
Предмет:
Файл:Введение в Web-дизайн. Учебное пособие
.pdf
__________________________________________________________________________________
Ɉɩɟɪɚɬɨɪɵ ɜɟɬɜɥɟɧɢɹ
161
ɇɢɠɟ ɩɪɢɜɟɞɟɧ ɤɨɞ ɷɬɨɝɨ ɫɤɪɢɩɬɚ.
<script language="JavaScript">
function Fif() {
var pol = confirm("ȿɫɥɢ ȼɵ ɦɭɠɱɢɧɚ, ɬɨ ɧɚɠɦɢɬɟ ɤɧɨɩɤɭ ɈɄ. ȿɫɥɢ ȼɵ
ɠɟɧɳɢɧɚ, ɬɨ - ɤɧɨɩɤɭ Ɉɬɦɟɧɚ");
if (pol==true)
{alert("Ʉɚɤ ɧɚɦ ɩɨɜɟɡɥɨ, ɱɬɨ ɦɵ ɧɟ ɠɟɧɳɢɧɵ!");}
else
{alert("Ʉɚɤ ɯɨɪɨɲɨ ɛɵɬɶ ɠɟɧɳɢɧɨɣ!");}
}
</script>
<input type="Button" value="Ɂɚɩɭɫɤ ɫɤɪɢɩɬɚ" onclick="Fif()">
Ⱦɚɞɢɦ ɤɪɚɬɤɢɟ ɤɨɦɦɟɧɬɚɪɢɢ ɤ ɞɚɧɧɨɦɭ ɫɰɟɧɚɪɢɸ.
Ɇɟɬɨɞ confirm() ɮɨɪɦɢɪɭɟɬ ɡɧɚɱɟɧɢɟ true (ɂɫɬɢɧɚ), ɟɫɥɢ ɳɟɥɤɧɭɬɶ ɩɨ
ɤɧɨɩɤɟ "ɈɄ". ɉɪɢ ɳɟɥɱɤɟ ɩɨ ɤɧɨɩɤɟ "Ɉɬɦɟɧɚ" ɷɬɨɬ ɦɟɬɨɞ ɩɪɢɫɜɚɢɜɚɟɬ ɩɟɪɟ-
ɡɧɚɱɟɧɢɟ false. ɉɪɨɜɟɪɤɚ ɢɫɬɢɧɧɨɫɬɢ ɜɵɪɚɠɟɧɢɹ ɡɞɟɫɶ ɨɫɭɳɟɫɬɜ-
ɦɟɧɧɨɣ pol
ɥɹɟɬɫɹ ɫ ɩɨɦɨɳɶɸ ɜɵɪɚɠɟɧɢɹ (pol= =true). ɋɥɟɞɭɟɬ ɨɛɪɚɬɢɬɶ ɨɫɨɛɨɟ ɜɧɢɦɚɧɢɟ ɧɚ ɧɚɥɢɱɢɟ ɞɜɭɯ ɡɧɚɤɨɜ ɪɚɜɟɧɫɬɜɚ. ɂɫɩɨɥɶɡɨɜɚɧɢɟ ɜɫɟɝɨ ɨɞɧɨɝɨ ɡɧɚɤɚ
ɪɚɜɟɧɫɬɜɚ ɩɪɢ ɩɪɨɜɟɪɤɟ ɢɫɬɢɧɧɨɫɬɢ ɭɫɥɨɜɢɹ ɜɟɬɜɥɟɧɢɹ ɹɜɥɹɟɬɫɹ ɬɢɩɢɱɧɨɣ
ɨɲɢɛɤɨɣ ɩɪɢ ɩɪɨɝɪɚɦɦɢɪɨɜɚɧɢɢ.
Ȼɨɥɟɟ ɫɥɨɠɧɚɹ ɤɨɧɫɬɪɭɤɰɢɹ ɨɩɟɪɚɬɨɪɚ ɭɫɥɨɜɧɨɣ ɩɟɪɟɞɚɱɢ ɭɩɪɚɜɥɟɧɢɹ
ɦɨɠɟɬ ɜɤɥɸɱɚɬɶ ɧɟɫɤɨɥɶɤɨ ɧɚɩɪɚɜɥɟɧɢɣ ɜɟɬɜɥɟɧɢɣ (ɪɭɫɟɥ ɜɟɬɜɥɟɧɢɹ). ɋɯ
ɟɦɚɬɢɱɧɨ ɩɨɞɨɛɧɭɸ ɤɨɧɫɬɪɭɤɰɢɸ ɦɨɠɧɨ ɢɡɨɛɪɚɡɢɬɶ ɬɚɤ.
ȿɋɅɂ (ɍɋɅɈȼɂȿ 1 ɢɫɬɢɧɧɨ), ɌɈ ɜɵɩɨɥɧɢɬɶ {ɝɪ
ɭɩɩɭ ɈɉȿɊȺɌɈɊɈȼ 1}
ȿɋɅɂ (ɍɋɅɈȼɂȿ 2 ɢɫɬɢɧɧɨ), ɌɈ ɜɵɩɨɥɧɢɬɶ {ɝɪɭɩɩɭ ɈɉȿɊȺɌɈɊɈȼ 2}
ȿɋɅɂ (ɍɋɅɈȼɂȿ 3 ɢɫɬɢɧɧɨ), ɌɈ ɜɵɩɨɥɧɢɬɶ {ɝɪɭɩɩɭ ɈɉȿɊȺɌɈɊɈȼ 3}
................
ɂɇȺɑȿ ɜɵɩɨɥɧɢɬɶ {ɝɪɭɩɩɭ ɈɉȿɊȺɌɈɊɈȼ n}.
Ɋɚɫɫɦɨɬɪɢɦ ɫɤɪɢɩɬ ɩɨɞɨɛɧɨɣ ɤɨɧɫɬɪɭɤɰɢɢ.
ȼ ɬɟɤɫɬɨɜɨɟ ɩɨɥɟ ɧɭɠɧɨ ɜɜɟɫɬɢ ȼɚɲ ɜɨɡɪɚɫɬ ɢ ɳɟɥɤɧɭɬɶ ɩɨ ɤɧɨɩɤɟ
"Ɂɚɩɭɫɤ".
162
__________________________________________________________________________________
Ɉɩɟɪɚɬɨɪɵ ɜɟɬɜɥɟɧɢɹ
ȼ ɡɚɜɢɫɢɦɨɫɬɢ ɨɬ ɜɜɟɞɟɧɧɨɝɨ ɜɨɡɪɚɫɬɚ ɛɭɞɭɬ ɩɨɹɜɥɹɬɶɫɹ ɪɚɡɥɢɱɧɵɟ
ɫɨɨɛɳɟɧɢɹ.
Ʌɢɫɬɢɧɝ ɩɪɟɞɵɞɭɳɟɝɨ ɫɤɪɢɩɬɚ ɩɪɢɜɟɞɟɧ ɧɢɠɟ.
<script language="JavaScript">
function Fif2() {
var let1 = document.Formif.Feld1.value;
var let=parseInt(let1);
if (isNaN(let)==true)
alert("ɇɭɠɧɨ ɜɜɨɞɢɬɶ ɱɢɫɥɚ, ɚ ɧɟ ɬɟɤɫɬ!");
else if (let<=0)
alert("ȼɵ ɭɜɟɪɟɧɵ? ȼɵ - ɷɦɛɪɢɨɧ?");
else if (let>0&&let<=7)
alert("Ɍɨɥɶɤɨ ɜ ɷɬɨɦ ɜɨɡɪɚɫɬɟ ɛɵɜɚɸɬ ɧɚɫɬɨɹɳɢɟ ɞɪɭɡɶɹ ɢ ɜɟɪɧɵɟ ɩɨɞ-
ɪɭɝɢ!");
else if (let>7&&let<=17)
alert("ɒɤɨɥɶɧɵɟ ɝɨɞɵ ɱɭɞɟɫɧɵɟ! ɏɨɱɟɬɫɹ ɛɵɫɬɪɟɟ ɩɨɜɡɪɨɫɥɟɬɶ.");
else if (let>17&&let<=23)
{alert("ɇɭɠɧɨ ɩɨɥɭɱɢɬɶ ɜɵɫɲɟɟ ɨɛɪɚɡɨɜɚɧɢɟ! ɇɚɣɬɢ ɜɬɨɪɭɸ ɩɨɥɨɜɢ-
ɧɭ.");}
else if (let>23&&let<=50)
alert("Ɋɚɛɨɬɚ.Ɋɚɛɨɬɚ! ɇɟ ɡɚɛɵɬɶ ɤɭɩɢɬɶ ɦɚɲɢɧɭ, ɞɚɱɭ, ɫɴɟɡɞɢɬɶ ɜ Ƚɨɧ-
ɞɭɪɚɫ.");
__________________________________________________________________________________
Ɉɩɟɪɚɬɨɪɵ ɜɟɬɜɥɟɧɢɹ
163
else if (let>50&&let<=65)
alert("Ɉɩɹɬɶ ɯɨɱɟɬɫɹ ɢɞɬɢ ɜ ɞɟɬɫɤɢɣ ɫɚɞ, ɜ ɲɤɨɥɭ... ɋɨɜɫɟɦ ɧɟ ɯɨɱɟɬɫɹ
ɢɞɬɢ ɧɚ ɪɚɛɨɬɭ, ɡɚɧɢɦɚɬɶɫɹ ɞɨɦɚɲɧɢɦ ɯɨɡɹɣɫɬɜɨɦ.");
else if (let>65&&let<=100)
alert("Ɍɟɩɟɪɶ ɦɨɠɧɨ ɨɬɞɨɯɧɭɬɶ. ɉɨɫɦɨɬɪɟɬɶ, ɤɚɤ ɛɟɫɫɦɵɫɥɟɧɧɨ ɫɭɟ-
ɬɹɬɫɹ ɷɬɢ ɦɨɥɨɞɵɟ ɥɸɞɢ.");
else if (let>100&&let<=150)
alert("Ⱦɥɹ ȼɚɲɟɝɨ ɜɨɡɪɚɫɬɚ ȼɵ ɩɪɟɤɪɚɫɧɨ ɭɩɪɚɜɥɹɟɬɟɫɶ ɫ ɜɵɱɢɫɥɢ-
ɬɟɥɶɧɨɣ ɬɟɯɧɢɤɨɣ! ɉɨɫɬɭɩɚɣɬɟ ɜ ɧɚɲɭ ɚɤɚɞɟɦɢɸ ɧɚ ɫɩɟɰɢɚɥɶɧɨɫɬɶ ɉɪɨɝɪɚɦɦɢɪɨɜɚɧɢɟ.");
else
ɢɯɨɞɢɥɨɫɶ ɜɫɬɪɟɱɚɬɶɫɹ ɫɨ Ʌɶɜɨɦ Ɍɨɥɫɬɵɦ?");
alert("ȼɚɦ ɩ
ɪ
}
</script>
<form name="Formif">
<input type="Text" name="Feld1" value="0" size="4"><br><br>
<input type="Button" value="Ɂɚɩɭɫɤ" onclick="Fif2()">
</form>
ɉɪɢɜɟɞɟɦ ɤɨɦɦɟɧɬɚɪɢɢ ɤ ɩɪɟɞɵɞɭɳɟɣ ɩɪɨɝɪɚɦɦɟ.
ȼ ɫɤɪɢɩɬɟ ɩɪɟɞɭɫɦɨɬɪɟɧɚ ɡɚɳɢɬɚ ɨɬ ɜɜɨɞɚ ɬɟɤɫɬɚ ɜɦɟɫɬɨ ɱɢɫɟɥ. Ⱦɥɹ ɷɬɨɝɨ ɫ
ɩɨɦɨɳɶɸ ɦɟɬɨɞɚ isNaN() ɚɧɚɥɢɡɢɪɭɟɬɫɹ ɜɜɟɞɟɧɧɚɹ ɢɧɮɨɪɦɚɰɢɹ. ȿɫɥɢ ɩɨɥɶɡɨɜɚɬɟɥɟɦ ɜɜɟɞɟɧɚ ɫɬɪɨɤɨɜɚɹ ɩɟɪɟɦɟɧɧɚɹ, ɬɨ ɮɨɪɦɢɪɭɟɬɫɹ ɫɨɨɛɳɟɧɢɟ "ɇɭɠɧɨ ɜɜɨɞɢɬɶ ɱɢɫɥɚ, ɚ ɧɟ ɬɟɤɫɬ!". ɉɪɟɨɛɪɚɡɨɜɚɧɢɟ ɫɬɪɨɤɨɜɨɣ ɩɟɪɟɦɟɧɧɨɣ ɜ ɰɟɥɨɱɢɫɥɟɧɧɭɸ ɨɫɭɳɟɫɬɜɥɟɧɨ ɫ ɩɨɦɨɳɶɸ ɦɟɬɨɞɚ parseInt(). ɋɤɪ
ɢɩɬ ɮɨɪɦɢɪɭɟɬ
ɪɚɡɧɵɟ ɫɨɨɛɳɟɧɢɹ ɞɥɹ ɥɢɰ ɪɚɡɧɨɝɨ ɜɨɡɪɚɫɬɚ. Ɂɚɞɚɧɧɵɣ ɞɢɚɩɚɡɨɧ ɥɟɬ ɜɵɞɟɥɹɟɬɫɹ ɜ ɭɫɥɨɜɢɹɯ ɜɟɬɜɥɟɧɢɹ ɫ ɩɨɦɨɳɶɸ ɥɨɝɢɱɟɫɤɨɣ ɮɭɧɤɰɢɢ ɂ (ɨɩɟɪɚɬɨɪ &&).
ɋ ɩɨɦɨɳɶɸ ɭɫɥɨɜɢɹ else if (let<=0) ɫɞɟɥɚɧɚ ɡɚɳɢɬɚ
ɨɬ ɫɥɭɱɚɣɧɨɝɨ ɜɜɨɞɚ ɨɬ-
ɪɢɰɚɬɟɥɶɧɵɯ ɱɢɫɟɥ.
Ɋɚɫɫɦɨɬɪɢɦ ɟɳɟ ɨɞɧɭ ɤɨɧɫɬɪɭɤɰɢɸ ɨɩɟɪɚɬɨɪɚ ɭɫɥɨɜɧɨɝɨ ɜɟɬɜɥɟɧɢɹ ɩɟɪɟɤɥɸɱɚɬɟɥɶ switch (x). Ⱦɥɹ ɟɝɨ ɪɚɛɨɬɵ ɧɭɠɧɨ ɜɜɨɞɢɬɶ ɧɚɬɭɪɚɥɶɧɵɟ ɱɢɫɥɚ
x = 1, 2, 3, ... ɢ ɬ.ɞ. ȼ ɡɚɜɢɫɢɦɨɫɬɢ ɨɬ ɜɜɟɞɟɧɧɨɝɨ ɱɢɫɥɚ, ɫɤɪɢɩɬ ɜɵɩɨɥɧɹɟɬ
ɪɚɡɧɵɟ ɮɪɚɝɦɟɧɬɵ ɤɨɞɚ.
ɉɪɢɦɟɪ ɩɨɞɨɛɧɨɝɨ ɫɤɪɢɩɬɚ ɩɪɢɜɟɞɟɧ ɧɢɠɟ.
164
__________________________________________________________________________________
Ɉɩɟɪɚɬɨɪɵ ɜɟɬɜɥɟɧɢɹ
ȼ ɡɚɜɢɫɢɦɨɫɬɢ ɨɬ ɜɜɟɞɟɧɧɨɝɨ ɱɢɫɥɚ ɩɨɹɜɢɬɫɹ ɨɞɧɨ ɢɡ ɬɪɟɯ ɢɧɮɨɪɦɚɰɢɨɧɧɵɯ ɨɤɨɧ.
Ʉɨɞ ɫɤɪɢɩɬɚ ɬɚɤɨɜ.
<script language="JavaScript">
function Fif3() {
__________________________________________________________________________________
Ɉɩɟɪɚɬɨɪɵ ɜɟɬɜɥɟɧɢɹ
165
var kol= document.Formif2.Feld2.value;
var kol=parseInt(kol);
switch (kol) {
case 1: alert("ɉɟɪɜɵɣ ɩɟɪɢɨɞ ɠɢɡɧɢ ɱɟɥɨɜɟɤɚ - ɚɫɬɪɨɧɨɦɢɱɟ-
ɫɤɢɣ.\nȼɨɡɜɵɲɟɧɧɵɟ ɦɟɱɬɵ, ɢɧɬɟɪɟɫ ɤ ɡɜɟɡɞɚɦ...");
break;
case 2: alert("ȼɬɨɪɨɣ ɩɟɪɢɨɞ ɠɢɡɧɢ ɱɟɥɨɜɟɤɚ - ɫɟɦɚɮɨɪɧɵɣ.\nȼɫɟ ɛɟɡ-
ɪɚɥɢɱɧɨ...");
break;
case 3: alert("Ɍɪɟɬɢɣ ɩɟɪɢɨɞ ɠɢɡɧɢ ɱɟɥɨɜɟɤɚ - ɚɝɪɨɧɨɦɢɱɟ-
ɫɤɢɣ.\nɉɨɹɜɥɹɟɬɫɹ ɟɫɬɟɫɬɜɟɧɧɵɣ ɢɧɬɟɪɟɫ ɤ ɡɟɦɥɟ...");
break;
default: alert("ȼɜɟɞɟɧɨ ɱɢɫɥɨ, ɨɬɥɢɱɧɨɟ ɨɬ 1, 2 ɢ 3.");
}
}
</script>
ȼɜɟɞɢɬɟ ɨɞɧɨ ɢɡ ɬɪɟɯ ɱɢɫɟɥ 1, 2 ɢɥɢ 3.<br><br>
<form name="Formif2">
<input type="Text" name="Feld2" value="" size="3"><br><br>
<input type="Button" value="Ɂɚɩɭɫɤ" onclick="Fif3()">
Ⱦɚɞɢɦ ɧɟɛɨɥɶɲɢɟ ɩɨɹɫɧɟɧɢɹ ɤ ɞɚɧɧɨɦɭ ɫɰɟɧɚɪɢɸ.
ȼ ɡɚɜɢɫɢɦɨɫɬɢ ɨɬ ɜɜɟɞɟɧɧɨɝɨ ɱɢɫɥɚ ɜɵɩɨɥɧɹɟɬɫɹ ɨɞɧɚ ɢɡ ɬɪɟɯ ɫɬɪɨɤ
(ɤɨɦɚɧɞ). ɇɚɩɪɢɦɟɪ, ɩɪ
ɢ ɜɜɨɞɟ ɰɢɮɪ
ɵ 2 ɜɵɩɨɥɧɹɟɬɫɹ ɤɨɦɚɧɞɚ:
case 2: alert("ȼɬɨɪɨɣ ɩɟɪɢɨɞ ɠɢɡɧɢ ɱɟɥɨɜɟɤɚ - ɫɟɦɚɮɨɪɧɵɣ.\nȼɫɟ ɛɟɡɪɚɡɥɢɱɧɨ..."); break;
ȿɫɥɢ ɜɜɟɞɟɧɨ ɱɢɫɥɨ, ɨɬɥɢɱɧɨɟ ɨɬ ɬɪɟɯ ɡɚɞɚɧɧɵɯ, ɬɨ ɜɵɩɨɥɧɹɟɬɫɹ ɫɬɪɨɤɚ:
default: alert("ȼɜɟɞɟɧɨ ɱɢɫɥɨ, ɨɬɥɢɱɚɸɳɟɟɫɹ ɨɬ 1, 2 ɢ 3.");
Ɉɩɟɪɚɬɨɪ break; ɩɪɟɞɨɬɜɪɚɳɚɟɬ ɜɵɩɨɥɧɟɧɢɟ ɨɩɟɪɚɬɨɪɨɜ, ɪɚɫɩɨɥɨɠɟɧɧɵɯ ɧɢɠɟ ɜɵɩɨ
ɥɧɟɧɧɨ
ɝɨ ɨɩɟɪɚɬɨɪɚ. Ɉɧ ɡɚɜɟɪɲɚɟɬ ɪɚɛɨɬɭ ɨɩɟɪɚɬɨɪɚ-
ɩɟɪɟɤɥɸɱɚɬɟɥɹ.
Ɋɚɫɫɦɨɬɪɢɦ ɫɤɪɢɩɬ, ɤɨɬɨɪɵɣ ɩɨɡɜɨɥɹɟɬ ɩɪɨɢɡɜɨɞɢɬɶ ɜɵɱɢɫɥɟɧɢɹ
ɮɭɧɤɰɢɢ ɜ ɫɨɨɬɜɟɬɫɬɜɢɢ ɫ ɡɚɞɚɧɧɵɦɢ ɭɫɥɨɜɢɹɦɢ. ɉɪɢ ɷɬɨɦ ɚɪɝɭɦɟɧɬ x ɞɨɥɠɟɧ ɩɪɢɧɢɦɚɬɶ ɡɧɚɱɟɧɢɹ: -4; -2; 0; 2; 4.
166
__________________________________________________________________________________
Ɉɩɟɪɚɬɨɪɵ ɜɟɬɜɥɟɧɢɹ
ɓɟɥɱɤɢ ɩɨ ɤɨɦɚɧɞɧɨɣ ɤɧɨɩɤɟ «ȼɵɱɢɫɥɢɬɶ» ɩɪɢɜɟɞɭɬ ɤ ɩɨɹɜɥɟɧɢɸ
ɢɧɮɨɪɦɚɰɢɨɧɧɵɯ ɨɤɨɧ ɫ ɪɟɡɭɥɶɬɚɬɚɦɢ ɪɚɫɱɟɬɨɜ ɩɪɢ ɪɚɡɥɢɱɧɵɯ ɡɧɚɱɟɧɢɹɯ
ɚɪɝɭɦɟɧɬɨɜ.
ɉɪɢɜɟɞɟɦ ɥɢɫɬɢɧɝ ɞɚɧɧɨɝɨ ɫɰɟɧɚɪɢɹ.
<script language="JavaScript">
function Fif4()
{
var nac=-4;
var fin=5;
var res=0;
var x=1;
for(x=nac; x<fin; x=x+2)
{
if (x<0) res=(Math.round(Math.cos(x)*10000))/10000;
else if (x==0) res=77;
else res=(Math.round(Math.log(x)*10000))/10000;
alert("Ɋɟɡɭɥɶɬɚɬ: y = " + res + " ɞɥɹ x = " +x);
}
}
</script>
<input type="button" value="ȼɵɱɢɫɥɢɬɶ" onclick="Fif4()">
Ⱦɚɞɢɦ ɤɪɚɬɤɢɟ ɤɨɦɦɟɧɬɚɪɢɢ ɤ ɞɚɧɧɨɦɭ ɫɤɪɢɩɬɭ.
ɉɪɢ ɜɵɜɨɞɟ ɪɟɡɭɥɶɬɚɬɨɜ ɪɚɫɱɟɬɚ ɢɫɩɨɥɶɡɨɜɚɧɨ ɨɤɪɭɝɥɟɧɢɟ ɱɢɫɟɥ ɞɨ
ɱɟɬɜɟɪɬɨɝɨ ɡɧɚɤɚ ɩɨɫɥɟ ɡɚɩɹɬɨɣ. Ⱦɥɹ ɷɬɨɝɨ ɢɫɩɨɥɶɡɨɜɚɧ ɦɟɬɨɞ Math.round() ɢ
ɤɨɧɫɬɚɧɬɚ, ɪɚɜɧɚɹ 10000 (ɨɧɚ ɨɩɪɟɞɟɥɹɟɬ ɱɢɫɥɨ ɡɧɚɤɨɜ, ɜɵɜɨɞɢɦɵɯ ɩɨɫɥɟ
ɡɚɩɹɬɨɣ).
__________________________________________________________________________________
Ⱥɧɢɦɚɰɢɹ ɜ ɫɬɪɨɤɟ-ɡɚɝɨɥɨɜɤɟ ɛɪɚɭɡɟɪɚ
167
11.11. ɉɪɢɦɟɪɵ ɫɤɪɢɩɬɨɜ
ȼ ɷɬɨɦ ɪɚɡɞɟɥɵ ɩɪɢɜɟɞɟɧɵ ɩɪɢɦɟɪɵ ɪɟɚɥɢɡɚɰɢɢ ɧɟɫɤɨɥɶɤɢɯ ɫɰɟɧɚɪɢɟɜ: ɚɧɢɦɚɰɢɹ ɜ ɫɬɪɨɤɟ-ɡɚɝɨɥɨɜɤɟ, ɤɧɨɩɤɚ ɫ ɩɨɞɫɜɟɬɤɨɣ, ɢɬɟɪɚɰɢɨɧɧɵɟ ɰɢɤɥɵ.
168
__________________________________________________________________________________
Ⱥɧɢɦɚɰɢɹ ɜ ɫɬɪɨɤɟ-ɡɚɝɨɥɨɜɤɟ ɛɪɚɭɡɟɪɚ
11.11.1. Ⱥɧɢɦɚɰɢɹ ɜ ɫɬɪɨɤɟ-ɡɚɝɨɥɨɜɤɟ ɛɪɚɭɡɟɪɚ
ɇɢɠɟ ɩɪɢɜɟɞɟɧ ɤɨɞ ɩɪɨɝɪɚɦɦɵ, ɩɪɟɞɧɚɡɧɚɱɟɧɧɨɣ ɞɥɹ ɮɨɪɦɢɪɨɜɚɧɢɹ
ɞɜɢɠɭɳɟɝɨɫɹ ɬɟɤɫɬɚ ɜ ɫɬɪɨɤɟ-ɡɚɝɨɥɨɜɤɟ ɛɪɚɭɡɟɪɚ. ȼɵɜɨɞɢɦɵɣ ɬɟɤɫɬ ɞɨɥɠɟɧ
ɪɚɫɩɨɥɚɝɚɬɶɫɹ ɜ ɤɨɧɬɟɣɧɟɪɟ title.
<script>
var tit = document.title;
// ɉɟɪɟɦɟɧɧɨɣ tit ɩɪɢɫɜɨɟɧɨ ɫɨɞɟɪɠɢɦɨɟ ɤɨɧɬɟɣɧɟɪɚ title (ɬɟɤɫɬ ɡɚɝɨ-
ɥɨɜɤɚ)
var c = 0;
function writetitle()
// Ⱦɥɹ ɮɭɧɤɰɢɢ ɨɩɪɟɞɟɥɟɧɨ ɢɦɹ writetitle
{
document.title = tit.substring(0,c);
// ɫɦɟɧɚ ɡɚɝɨɥɨɜɤɚ ɧɚ ɩɟɪɟɦɟɧɧɭɸ tit (ɤɨɥɢɱɟɫɬɜɨ ɜɵɜɨɞɢɦɵɯ ɫɢɦɜɨ-
ɥɨɜ = ɫ)
if(c==tit.length)
// ɉɪɨɜɟɪɤɚ ɪɚɜɟɧɫɬɜɚ ɩɟɪɟɦɟɧɧɨɣ ɫ ɱɢɫɥɭ ɫɢɦɜɨɥɨɜ ɜ ɡɚɝɨɥɨɜɤɟ
{
c = 0;
eout("writetitle()", 2000)
setTim
// ɉɚɭɡɚ
ɫɟɤɭɧɞɵ
}
else
{
c++;
setTimeout("writetitle()", 100)
// ɉɚɭɡɚ ɞɨ ɜɵɜɨɞɚ ɨɱɟɪɟɞɧɨɣ ɛɭɤɜɵ ɬɟɤɫɬɚ ɭɫɬɚɧɨɜɥɟɧɚ 100 ɦɢɥɥɢɫɟɤɭɧɞ
}
}
writetitle()
// ȼɵɡɨɜ ɫɨɡɞɚɧɧɨɣ ɮɭɧɤɰɢɢ
</script>
ɞɨ ɨɱɟɪɟɞɧɨɝɨ ɜɵɜɨɞɚ ɬɟɤɫɬɚ ɫɨɫɬɚɜɥɹɟɬ 2000 ɦɢɥɥɢɫɟɤɭɧɞ = 2
__________________________________________________________________________________
Ʉɧɨɩɤɚ ɫ ɩɨɞɫɜɟɬɤɨɣ
169
11.11.2. Ʉɧɨɩɤɚ ɫ ɩɨɞɫɜɟɬɤɨɣ
əɡɵɤ JavaScript ɫɨɡɞɚɜɚɬɶ ɪɚɡɧɨɨɛɪɚɡɧɵɟ ɷɮɮɟɤɬɵ. ɇɚɩɪɢɦɟɪ, ɧɟɨɛɵɱɧɵɟ ɤɧɨɩɤɢ ɭɩɪɚɜɥɟɧɢɹ.
Ɉɫɨɛɟɧɧɨɫɬɶɸ ɷɬɨɣ ɤɧɨɩɤɢ ɹɜɥɹɟɬɫɹ ɬɨ, ɱɬɨ ɨɧɚ ɢɡɦɟɧɹɟɬ ɫɜɨɣ ɰɜɟɬ
ɩɪɢ ɧɚɜɟɞɟɧɢɢ ɧɚ ɧɟɟ ɤɭɪɫɨɪɚ, ɚ ɬɚɤɠɟ ɢɡɦɟɧɹɟɬ ɮɨɪɦɭ ɩɪɢ ɳɟɥɱɤɟ.
Ɋɚɫɫɦɨɬɪɢɦ, ɤɚɤ ɩɪɨɢɫɯɨɞɢɬ ɨɛɪɚɛɨɬɤɚ ɫɨɛɵɬɢɣ ɢ ɜɵɡɨɜ ɧɟɨɛɯɨɞɢɦɨɣ
Web-ɫɬɪɚɧɢɰɵ. Ʉɨɞ ɨɛɪɚɛɨɬɤɢ ɫɨɛɵɬɢɣ ɩɪɢɜɟɞɟɧ ɧɢɠɟ.
<a href="../../../book/java/java_b.htm" onMouseOver="imgOn('img1')"
onMouseOut="imgOff('img1')"
onMouseDown="imgClick('img1')"
onMouseUp="imgOn('img1')">
<img src="but1.gif" width="178" height="42" name="img1" bor-
der="0"></a>
ȼ ɩɟɪɜɨɣ ɫɬɪɨɱɤɟ ɜɵɲɟɩɪɢɜɟɞɟɧɧɨɝɨ ɤɨɞɚ ɭɤɚɡɚɧ ɩɭɬɶ ɤ ɜɵɡɵɜɚɟɦɨɣ
ɫɬɪɚɧɢɰɟ (java_b.htm).
Ȼɥɚɝɨɞɚɪɹ ɜɬɨɪɨɣ ɫɬɪɨɤɟ ɤɨɞɚ ɧɚɜɟɞɟɧɢɟ ɩɨɥɶɡɨɜɚɬɟɥɟɦ ɤɭɪɫɨɪɚ ɧɚ
ɢɡɨɛɪɚɠɟɧɢɟ ɤɧɨɩɤɢ (ɫɨɛɵɬɢɟ onMouseOver) ɜɵɡɵɜɚɟɬ ɮɭɧɤɰɢɸ ɫ ɢɦɟɧɟɦ
imgOn. Ɂɚ ɫɱɟɬ ɷɬɨɝɨ ɜɦɟɫɬɨ ɢɡɨɛɪɚɠɟɧɢɹ but1.gif ɩɨɹɜɥɹɟɬɫɹ ɢɡɨɛɪɚɠɟɧɢɟ
but2.gif. ɗɬɨ ɞɚɟɬ ɢɥɥɸɡɢɸ ɜɨɡɧɢɤɧɨɜɟɧɢɹ ɫɜɟɱɟɧɢɹ ɤɧɨɩɤɢ. Ɍɪɟɬɶɹ ɫɬɪɨɤɚ
ɨɬɫɥɟɠɢɜɚɟɬ ɦɨɦɟɧɬ ɨɬɜɨɞɚ ɤɭɪɫɨɪɚ ɫ ɢɡɨɛɪɚɠɟɧɢɹ ɤɧɨɩɤɢ (ɫɨɛɵɬɢɟ on-
ouseOut). ȼ ɪɟɡɭɥɶɬɚɬɟ ɬɚɤɨɝɨ ɞɜɢɠɟɧɢɹ ɤɭɪɫɨɪɚ
M
ɩɪɨɢɡɨɣɞɟɬ ɜɵɡɨɜ ɮɭɧɤ-
ɰɢɢ imgOff, ɢ ɧɚ ɫɬɪɚɧɢɰɟ ɛɭɞɟɬ ɫɮɨɪɦɢɪɨɜɚɧɨ ɢɫɯɨɞɧɨɟ ɢɡɨɛɪɚɠɟɧɢɟ ɤɧɨɩɤɢ (but1.gif). Ɂɚɞɚɱɟɣ ɫɬɪɨɤɢ onMouseDown="imgClick('img1')" ɹɜɥɹɟɬɫɹ ɨɩɪɟɞɟɥɟɧɢɟ ɦɨɦɟɧɬɚ ɧɚɠɚɬɢɹ ɧɚ ɤɧɨɩɤɭ ɢ ɮɨɪɦɢɪɨɜɚɧɢɟ ɢɡɨɛɪɚɠɟɧɢɹ ɧɚɠɚ-
img1')" ɮɢɤɫɢɪɭɟɬ ɦɨɦɟɧɬ
ɬɨɣ ɤɧɨɩɤɢ (but3.gif). Ɂɚɩɢɫɶ onMouseUp="im
gOn('
ɨɬɩɭɫɤɚɧɢɹ ɧɚɠɚɬɨɣ ɤɧɨɩɤɢ. Ɋɟɚɤɰɢɟɣ ɧɚ ɷɬɨ ɫɨɛɵɬɢɟ ɹɜɥɹɟɬɫɹ ɜɨɫɫɬɚɧɨɜɥɟɧɢɟ ɧɚɱɚɥɶɧɨɝɨ ɢɡɨɛɪɚɠɟɧɢɹ ɤɧɨɩɤɢ.
ȼ ɩɨɫɥɟɞɧɟɣ ɫɬɪɨɤɟ ɧɚɯɨɞɢɬɫɹ ɬɟɝ, ɤɨɬɨɪɵɣ ɮɨɪɦɢɪɭɟɬ ɧɚɱɚɥɶɧɨɟ ɢɡɨɛɪɚɠɟɧɢɟ ɤɧɨɩɤɢ ɭɤɚɡɚɧɧɵɯ ɪɚɡɦɟɪɨɜ:
170
__________________________________________________________________________________
Ʉɧɨɩɤɚ ɫ ɩɨɞɫɜɟɬɤɨɣ
<div align="center"><xmp class=time><img src="but1.gif" width="178"
height="42" name="img1" border="0"></xmp></div>
ɇɚɢɛɨɥɶɲɟɟ ɜɧɢɦɚɧɢɟ ɫɥɟɞɭɟɬ ɨɛɪɚɬɢɬɶ ɧɚ ɚɬɪɢɛɭɬ name="img1". Ɋɢɫɭɧɤɭ ɩɪɢɫɜɨɟɧɨ ɢɦɹ, ɤɨɬɨɪɨɟ ɢɫɩɨɥɶɡɭɟɬɫɹ ɩɪɢ ɪɚɛɨɬɟ ɫɤɪɢɩɬɚ.
Ɉɩɢɫɚɧɢɟ ɢɫɩɨɥɶɡɭɟɦɵɯ ɮɭɧɤɰɢɣ ɩɪɢɜɟɞɟɧɨ ɧɢɠɟ.
<script language="JavaScript">
<!--
if (document.images){
img1on=new Image();
img1on.src="but2.gif";
img1off=new Image();
img1off.src="but1.gif";
img1click=new Image();
img1click.src="but3.gif";
}
function imgOn(imgName){
if (document.images){
document[imgName].src=eval(imgName+"on.src");
}
}
function imgOff(imgName){
if (document.images){
document[imgName].src=eval(imgName+"off.src");
}
}
function imgClick(imgName){
if (document.images){
document.imgname=imgName
document[imgName].src=eval(imgName+"click.src");
}
}
// -->
</script>
ɉɟɪɜɚɹ ɫɬɪɨɱɤɚ ɫɨɞɟɪɠɢɬ ɨɬɤɪɵɜɚɸɳɢɣ ɬɟɝ ɫɤɪɢɩɬɚ ɢ ɚɬɪɢɛɭɬ language="JavaScript", ɤɨɬɨɪɵɣ ɭɤɚɡɵɜɚɟɬ ɧɚ ɢɫɩɨɥɶɡɭɟɦɵɣ ɹɡɵɤ. Ɂɚɦɟɬɢɦ, ɱɬɨ
ɞɚɧɧɵɣ ɚɬɪɢɛɭɬ ɦɨɠɧɨ ɢɫɤɥɸɱɢɬɶ ɢɡ ɤɨɞɚ ɩɪɨɝɪɚɦɦɵ, ɬɚɤ ɤɚɤ ɩɨ ɭɦɨɥɱɚɧɢɸ
ɩɪɟɞɩɨɥɚɝɚɟɬɫɹ ɢɫɩɨɥɶɡɨɜɚɧɢɟ ɹɡɵɤɚ JavaScript.
Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]