Добавил:
ivanov666
Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз:
Предмет:
Файл:Введение в Web-дизайн. Учебное пособие
.pdf
__________________________________________________________________________________
ȼɜɨɞ ɢɧɮɨɪɦɚɰɢɢ ɫ ɩɨɦɨɳɶɸ ɦɟɬɨɞɚ prompt()
101
11.2.2. ȼɜɨɞ ɢɧɮɨɪɦɚɰɢɢ ɫ ɩɨɦɨɳɶɸ ɦɟɬɨɞɚ prompt()
Ɇɟɬɨɞ promt ɩɨɡɜɨɥɹɟɬ ɜɜɨɞɢɬɶ ɡɧɚɱɟɧɢɟ ɩɟɪɟɦɟɧɧɨɣ ɫ ɤɥɚɜɢɚɬɭɪɵ.
ɇɚɩɪɢɦɟɪ, ɩɪɢɫɜɨɢɦ ɩɨɨɱɟɪɟɞɧɨ ɞɜɭɦ ɩɟɪɟɦɟɧɧɵɦ x ɢ z ɧɟɤɨɬɨɪɵɟ ɱɢɫɥɨɜɵɟ ɡɧɚɱɟɧɢɹ. Ɂɚɬɟɦ ɧɚɣɞɟɦ ɫɭɦɦɭ ɷɬɢɯ ɩɟɪɟɦɟɧɧɵɯ y = x + z. Ɋɟɡɭɥɶɬɚɬ ɜɵɱɢɫɥɟɧɢɣ ɜɵɜɟɞɟɦ ɧɚ ɷɤɪɚɧ ɫ ɩɨɦɨɳɶɸ ɦɟɬɨɞɚ alert. Ʉɨɞ ɬɚɤɨɣ ɩɪɨɝɪɚɦɦɵ
ɩɪɢɜɟɞɟɧ ɧɢɠɟ:
<script language="JavaScript">
function summ()
{
var x = prompt("ȼɜɟɞɢɬɟ ɱɢɫɥɨ x", "");
var z = prompt("ȼɜɟɞɢɬɟ ɱɢɫɥɨ z", "");
x=parseFloat(x);
z=parseFloat(z);
var y = x+z;
alert("Ɋɟɡɭɥɶɬɚɬ ɫɥɨɠɟɧɢɹ y = "+ y);
}
</script>
Ɂɚɩɭɫɤ ɫɤɪɢɩɬɚ ɦɨɠɧɨ ɨɫɭɳɟɫɬɜɢɬɶ ɫ ɩɨɦɨɳɶɸ ɤɨɦɚɧɞɧɨɣ ɤɧɨɩɤɢ.
()">
<input tupe="Button" value="ɓɟɥɤɧɢɬɟ" onclick="sum
ɉɨɫɥɟɞɧɹɹ ɫɬɪɨɤɚ ɤɨɞɚ ɨɬɨɛɪɚɡɢɬɫɹ ɧɚ ɷɤɪɚɧɟ ɜ ɫɥɟɞɭɸɳɟɦ ɜɢɞɟ:
ɓɟɥ ɤɧɢɬɟ
ɉɨɫɥɟ ɳɟɥɱɤɚ ɩɨ ɤɧɨɩɤɟ ɩɨɹɜɢɬɫɹ ɞɢɚɥɨɝɨɜɨɟ ɨɤɧɨ, ɜ ɤɨɬɨɪɨɟ ɧɭɠɧɨ
ɜɜɟɫɬɢ ɩɟɪɜɨɟ ɫɥɚɝɚɟɦɨɟ.
m
ȼ ɫɥɟɞɭɸɳɟɟ ɞɢɚɥɨɝɨɜɨɟ ɨɤɧɨ ɧɭɠɧɨ ɜɜɟɫɬɢ ɜɬɨɪɨɟ ɫɥɚɝɚɟɦɨɟ
102
__________________________________________________________________________________
ȼɜɨɞ ɢɧɮɨɪɦɚɰɢɢ ɫ ɩɨɦɨɳɶɸ ɦɟɬɨɞɚ prompt()
Ɋɟɡɭɥɶɬɚɬ ɨɩɟɪɚɰɢɢ ɩɨɹɜɢɬɫɹ ɜ ɧɨɜɨɦ ɨɤɧɟ
ɉɪɟɨɛɪɚɡɨɜɚɧɢɟ ɫɬɪɨɤɨɜɵɯ ɩɟɪɟɦɟɧɧɵɯ ɜ ɱɢɫɥɨɜɵɟ ɩɟɪɟɦɟɧɧɵɟ ɮɨɪɦɚɬɚ ɫ ɩɥɚɜɚɸɳɟɣ ɡɚɩɹɬɨɣ ɨɫɭɳɟɫɬɜɥɟɧɨ ɫ ɩɨɦɨɳɶɸ ɮɭɧɤɰɢɢ parseFloat().
ȿɫɥɢ ɫɬɪɨɤɨɜɭɸ ɩɟɪɟɦɟɧɧɭɸ ɧɭɠɧɨ ɩɟɪɟɜɟɫɬɢ ɜ ɰɟɥɨɱɢɫɥɟɧɧɭɸ ɩɟɪɟɦɟɧɧɭɸ, ɬɨ ɢɫɩɨɥɶɡɭɸɬ ɮɭɧɤɰɢɸ parseInt(). Ȼɟɡ ɭɤɚɡɚɧɧɵɯ ɮɭɧɤɰɢɣ ɩɪɟɨɛɪɚɡɨɜɚɧɢɹ ɛɭɞɟɬ ɜɵɩɨɥɧɟɧɚ ɨɩɟɪɚɰɢɹ ɤɨɧɤɚɬɟɧɚɰɢɢ (ɫɨɟɞɢɧɟɧɢɹ) ɞɜɭɯ ɫɬɪɨɤɨɜɵɯ
ɡɧɚɱɟɧɢɣ x ɢ z. ɇɚɩɪɢɦɟɪ, ɩɪɢ ɜɜɨɞɟ ɞɜɭɯ ɱɢɫɟɥ 2 ɢ 3 ɜɦɟɫɬɨ ɨɠɢɞɚɟɦɨɝɨ
ɨɬɜɟɬɚ 5 ɩɨɹɜɢɬɫɹ ɫɬɪɨɤɨɜɨɟ ɡɧɚɱɟɧɢɟ 23.
Ɂɚɦɟɬɢɦ, ɱɬɨ ɩɪɟɨɛɪɚɡɨɜɚɧɢɟ ɫɬɪɨɤɨɜɨɣ ɩɟɪɟɦɟɧɧɨɣ ɜ ɱɢɫɥɨɜɭɸ ɦɨɠɧɨ ɫɞɟɥɚɬɶ ɩ
ɪɨɳɟ: ɞɥɹ ɷɬɨɝɨ ɞɨɫɬɚɬɨɱɧɨ ɫɬɪɨɤɨɜɭɸ ɩɟɪɟɦɟɧɧɭɸ ɭɦɧɨɠɢɬɶ ɧɚ
ɟɞɢɧɢɰɭ.
__________________________________________________________________________________
ȼɜɨɞ ɢɧɮɨɪɦɚɰɢɢ ɫ ɩɨɦɨɳɶɸ ɬɟɤɫɬɨɜɨɝɨ ɩɨɥɹ
103
11.2.3. ȼɜɨɞ ɢɧɮɨɪɦɚɰɢɢ ɫ ɩɨɦɨɳɶɸ ɬɟɤɫɬɨɜɨɝɨ ɩɨɥɹ
Ɋɚɫɫɦɨɬɪɢɦ ɫɤɪɢɩɬ, ɤɨɬɨɪɵɣ ɩɨɡɜɨɥɹɟɬ ɜɜɨɞɢɬɶ ɬɟɤɫɬɨɜɭɸ ɢɧɮɨɪɦɚɰɢɸ ɫ ɤɥɚɜɢɚɬɭɪɵ ɜ ɫɩɟɰɢɚɥɶɧɨ ɨɬɜɟɞɟɧɧɨɟ ɬɟɤɫɬɨɜɨɟ ɩɨɥɟ. Ⱦɥɹ ɪɚɛɨɬɵ ɫɥɟɞɭɸɳɟɝɨ ɫɤɪɢɩɬɚ ɧɭɠɧɨ ɜɜɟɫɬɢ ɢɦɹ ɩɨɥɶɡɨɜɚɬɟɥɹ ɜ ɭɤɚɡɚɧɧɨɟ ɩɨɥɟ, ɚ ɡɚɬɟɦ
ɳɟɥɤɧɭɬɶ ɦɵɲɶɸ ɡɚ ɩɪɟɞɟɥɚɦɢ ɩɨɥɹ ɜɜɨɞɚ. ɂɦɹ ɩɨɥɶɡɨɜɚɬɟɥɹ ɧɚ ɧɟɤɨɬɨɪɨɟ
ɜɪɟɦɹ ɛɭɞɟɬ ɡɚɩɨɦɧɟɧɨ ɧɚ ɤɨɦɩɶɸɬɟɪɟ-ɤɥɢɟɧɬɟ.
ɂɡɨɛɪɚɠɟɧɢɟ ɬɟɤɫɬɨɜɨɝɨ ɩɨɥɹ ɩɨɤɚɡɚɧɨ ɧɚ ɫɥɟɞɭɸɳɟɦ ɪɢɫɭɧɤɟ.
Ɋɚɫɫɦɨɬɪɢɦ ɤɨɞ ɷɬɨɝɨ ɫɤɪɢɩɬɚ.
<form name="form1">
<input type="text" name="text1" size="30" value="ȼ ɷɬɨ ɩɨɥɟ ɜɜɟɞɢɬɟ
ȼɚɲɟ ɢɦɹ " onblur="chek()" >
</form>
<script language="JavaScript">
function chek() {
d = document.form1.text1.value;
alert("ɉɪɢɹɬɧɨ ɫ ȼɚɦɢ ɩɨɡɧɚɤɨɦɢɬɶɫɹ , " + document.form1.text1.value )
}
</script>
ȿɫɥɢ ɜ ɬɟɤɫɬɨɜɨɟ ɩɨɥɟ ɜɜɟɫɬɢ ɢɦɹ Alisa, ɬɨ ɜ ɪɟɡɭɥɶɬɚɬɟ ɜɵɩɨɥɧɟɧɢɹ
ɫɤɪɢɩɬɚ ɧɚ ɷɤɪɚɧɟ ɩɨɹɜɢɬɫɹ ɫɨɨɛɳɟɧɢɟ
Ɍɟɤɫɬɨɜɵɟ ɩɨɥɹ ɩɨɡɜɨɥɹɸɬ ɨɪɝɚɧɢɡɨɜɚɬɶ ɦɚɬɟɦɚɬɢɱɟɫɤɢɟ ɜɵɱɢɫɥɟɧɢɹ.
ɇɚɩɪɢɦɟɪ, ɫɥɟɞɭɸɳɢɣ ɫɤɪɢɩɬ ɫɨɡɞɚɟɬ ɞɜɚ ɬɟɤɫɬɨɜɵɯ ɩɨɥɹ, ɜ ɤɨɬɨɪɵɟ ɧɭɠɧɨ
ɜɜɟɫɬɢ ɞɜɚ ɱɢɫɥɚ. Ɋɟɡɭɥɶɬɚɬ ɫɭɦɦɢɪɨɜɚɧɢɹ ɷɬɢɯ ɞɜɭɯ ɱɢɫɟɥ ɩɨɹɜɥɹɟɬɫɹ ɧɚ
ɷɤɪɚɧɟ ɩɨɫɥɟ ɳɟɥɱɤɚ ɩɨ ɤɧɨɩɤɟ
104
__________________________________________________________________________________
ȼɜɨɞ ɢɧɮɨɪɦɚɰɢɢ ɫ ɩɨɦɨɳɶɸ ɬɟɤɫɬɨɜɨɝɨ ɩɨɥɹ
ɉɪɢɜɟɞɟɦ ɤɨɞ ɷɬɨɝɨ ɫɤɪɢɩɬɚ.
ȼɧɚɱɚɥɟ ɨɩɢɲɟɦ ɬɟɤɫɬɨɜɨɟ ɩɨɥɟ, ɚ ɡɚɬɟɦ ɩɪɢɜɟɞɟɦ ɤɨɞ ɫɤɪɢɩɬɚ, ɜɵɩɨɥɧɹɸɳɟɝɨ ɨɩɟɪɚɰɢɸ ɫɥɨɠɟɧɢɹ.
<form name="form2">
ɉɟɪɜɨɟ ɫɥɚɝɚɟɦɨɟ
<input type="text" name="text11" size="5" value="2" ><br>
ȼɬɨɪɨɟ ɫɥɚɝɚɟɦɨɟ
<input type="text" name="text21" size="5" value="3" ><br><br>
<input type="Button" value="Ɋɟɡɭɥɶɬɚɬ ɫɭɦɦɢɪɨɜɚɧɢɹ" on-
click="summ()"
</form>
<script language="JavaScript">
function summ() {
var a=document.form2.text11.value;
var b=document.form2.text21.value;
var c=1*a+1*b;
alert(a + " + " + b + " = " + c )
}
</script>
ȼɢɞ ɮɨɪɦɵ (ɬɟɤɫɬɨɜɨɟ ɩɨɥɟ) ɡɚɞɚɧ ɮɪɚɝɦɟɧɬɨɦ ɤɨɞɚ type="text".
ɉɨ ɭɦɨɥɱɚɧɢɟ ɜ ɩɟɪɜɨɟ ɩɨɥɟ ɜɜɟɞɟɧɨ ɱɢɫɥɨ 2, ɚ ɜɨ ɜɬɨɪɨɟ ɩɨɥɟ – ɱɢɫɥɨ
(), ɜɵ-
3. Ɉɛɪɚɛɨɬɤɚ ɜɜɟɞɟɧɧɵɯ ɱɢɫɟɥ ɩɪɨɢɡɨɣɞɟɬ ɫ ɩɨɦɨɳɶɸ ɮɭɧɤɰɢɢ sum
m
ɡɨɜ ɤɨɬɨɪɨɣ ɩɪɨɢɫɯɨɞɢɬ ɩɪɢ ɳɟɥɱɤɟ (onclick) ɩɨ ɤɧɨɩɤɟ (Button) ɫ ɧɚɞɩɢɫɶɸ
"Ɋɟɡɭɥɶɬɚɬ ɫɭɦɦɢɪɨɜɚɧɢɹ".
ȼ ɬɟɥɟ ɫɤɪɢɩɬɚ ɫɱɢɬɵɜɚɧɢɟ ɩɟɪɟɦɟɧɧɨɣ «ɚ» ɩɪɨɢɫɯɨɞɢɬ ɩɭɬɟɦ ɩɪɨɯɨɞɚ
ɜɫɟɣ ɢɟɪɚɪɯɢɢ ɨɛɴɟɤɬɨɜ: ɞɨɤɭɦɟɧɬ – ɮɨɪɦɚ – ɬɟɤɫɬɨɜɨɟ ɩɨɥɟ – ɜɜɟɞɟɧɧɨɟ
ɡɧɚɱɟɧɢɟ. ɇɚ ɹɡɵɤɟ JavaScript ɷɬɨ ɪɟɚɥɢɡɭɟɬɫɹ ɬɚɤ:
__________________________________________________________________________________
ȼɜɨɞ ɢɧɮɨɪɦɚɰɢɢ ɫ ɩɨɦɨɳɶɸ ɬɟɤɫɬɨɜɨɝɨ ɩɨɥɹ
105
var a=document.form2.text11.value;
Ⱥɧɚɥɨɝɢɱɧɨ ɜɜɨɞɢɬɫɹ ɩɟɪɟɦɟɧɧɚɹ «b»:
var b=document.form2.text21.value;
ɉɪɟɨɛɪɚɡɨɜɚɧɢɟ ɬɟɤɫɬɨɜɵɯ ɩɟɪɟɦɟɧɧɵɯ ɜ ɱɢɫɥɨɜɵɟ ɩɟɪɟɦɟɧɧɵɟ ɨɫɭɳɟɫɬɜɥɹɟɬɫɹ ɭɦɧɨɠɟɧɢɟɦ ɬɟɤɫɬɨɜɵɯ ɩɟɪɟɦɟɧɧɵɯ ɧɚ ɟɞɢɧɢɰɭ:
var c=1*a+1*b;
Ⱦɥɹ ɜɵɜɨɞɚ ɩɨɥɭɱɟɧɧɨɝɨ ɪɟɡɭɥɶɬɚɬɚ ɡɧɚɤɢ «+» ɢ «=» ɜɡɹɬɵ ɜ ɤɚɜɵɱɤɢ.
Ʉɪɨɦɟ ɬɨɝɨ, ɞɥɹ ɫɨɡɞɚɧɢɹ ɫɢɦɜɨɥɶɧɨɣ ɩɟɪɟɦɟɧɧɨɣ ɢɫɩɨɥɶɡɨɜɚɧɨ ɱɟɬɵɪɟ ɫɢɦɜɨɥɚ ɤɨɧɤɚɬɟɧɚɰɢɢ (ɫɥɨɠɟɧɢɹ)
alert(a + " + " + b + " = " + c )
ȼɵɩɨɥɧɟɧɢɟ ɫɤɪɢɩɬɚ ɩɪɢɜɟɞɟɬ ɤ ɩɨɹɜɥɟɧɢɸ ɫɥɟɞɭɸɳɟɝɨ ɫɨɨɛɳɟɧɢɹ
ȼɜɨɞ ɢ ɜɵɜɨɞ ɢɧɮɨɪɦɚɰɢɢ ɫ ɩɨɦɨɳɶɸ ɬɟɤɫɬɨɜɨɣ ɨɛɥɚɫɬɢ textarea
106
__________________________________________________________________________________
11.2.4. ȼɜɨɞ ɢ ɜɵɜɨɞ ɢɧɮɨɪɦɚɰɢɢ ɫ ɩɨɦɨɳɶɸ
ɬɟɤɫɬɨɜɨɣ ɨɛɥɚɫɬɢ textarea
Ɏɨɪɦɚ textarea (ɬɟɤɫɬɨɜɚɹ ɨɛɥɚɫɬɶ) ɩɨ ɧɚɡɧɚɱɟɧɢɸ ɢ ɩɪɢɧɰɢɩɭ ɪɚɛɨɬɵ
ɧɚɩɨɦɢɧɚɟɬ ɮɨɪɦɭ "Ɍɟɤɫɬɨɜɨɟ ɩɨɥɟ", ɤɨɬɨɪɨɟ ɡɚɞɚɟɬɫɹ ɤɨɧɫɬɪɭɤɰɢɟɣ ɬɢɩɚ
<input type="text" ... >. Ɍɟɤɫɬɨɜɚɹ ɨɛɥɚɫɬɶ ɩɪɟɜɨɫɯɨɞɢɬ ɬɟɤɫɬɨɜɨɟ ɩɨɥɟ ɩɨ
ɭɞɨɛɫɬɜɭ ɪɚɛɨɬɵ ɫ ɛɨɥɶɲɢɦ ɨɛɴɟɦɨɦ ɨɛɪɚɛɚɬɵɜɚɟɦɨɣ ɢɧɮɨɪɦɚɰɢɢ. Ⱦɚɧɧɚɹ
ɮɨɪɦɚ ɩɨɡɜɨɥɹɟɬ ɪɚɛɨɬɚɬɶ ɫ ɦɧɨɝɨɫɬɪɨɱɧɵɦ ɬɟɤɫɬɨɦ. Ɍɚɤ ɠɟ, ɤɚɤ ɢ ɬɟɤɫɬɨɜɨɟ
ɩɨɥɟ, ɬɟɤɫɬɨɜɭɸ ɨɛɥɚɫɬɶ ɦɨɠɧɨ ɢɫɩɨɥɶɡɨɜɚɬɶ ɤɚɤ ɞɥɹ ɜɜɨɞɚ, ɬɚɤ ɢ ɞɥɹ ɜɵɜɨɞɚ
ɢɧɮɨɪɦɚɰɢɢ.
Ɍɟɤɫɬɨɜɚɹ ɨɛɥɚɫɬɶ textarea ɩɨɡɜɨɥɹɟɬ ɜɜɟɫɬɢ (ɢ ɜɵɜɟɫɬɢ) ɛɨɥɶɲɨɣ ɨɛɴɟɦ ɦɧɨɝɨɫɬɪɨɱɧɨɝɨ ɬɟɤɫɬɚ. Ɋɚɡɦɟɪ ɬɟɤɫɬɨɜɨɣ ɨɛɥɚɫɬɢ (ɨɤɧɨ ɞɥɹ ɜɜɨɞɚ ɢ ɜɵɜɨɞɚ ɢɧɮɨɪɦɚɰɢɢ) ɨɩɪɟɞɟɥɹɟɬɫɹ ɫ ɩɨɦɨɳɶɸ ɚɬɪɢɛɭɬɨɜ (ɫɜɨɣɫɬɜ) cols ɢ rows
(ɫɨɨɬɜɟɬɫɬɜɟɧɧɨ, ɫɬɨɥɛɰɵ ɢ ɫɬɪɨɤɢ). ɉɪɢ ɷɬɨɦ ɚɬɪɢɛɭɬ cols ɨɩɪɟɞɟɥɹɟɬ,
ɫɤɨɥɶɤɨ ɫɢɦɜɨɥɨɜ ɦɨɠɧɨ ɪɚɡɦɟɫɬɢɬɶ ɜ ɨɞɧɨɣ ɫɬɪɨɤɟ. Ⱥɬɪɢɛɭɬ rows ɡɚɞɚɟɬ
ɱɢɫɥɨ ɫɬɪɨɤ, ɜɢɞɢɦɵɯ ɜ ɬɟɤɫɬɨɜɨɣ ɨɛɥɚɫɬɢ.
ɋɥɟɞɭɸɳɢɣ ɫɤɪɢɩɬ ɞɟɦɨɧɫɬɪɢɪɭɟɬ ɜɨɡɦɨɠɧɨɫɬɶ ɹɡɵɤɚ JavaScript ɫɱɢɬɵɜɚɬɶ ɢɧɮɨɪɦɚɰɢɸ ɢɡ ɬɟɤɫɬɨɜɨɣ ɨɛɥɚɫɬɢ, ɩɪɟɜɪɚɳɚɬɶ ɫɨɞɟɪɠɢɦɨɟ ɨɤɧɚ ɜ
ɬɟɤɫɬɨɜɭɸ ɩɟɪɟɦɟɧɧɭɸ, ɜɵɜɨɞɢɬɶ ɷɬɭ ɩɟɪɟɦɟɧɧɭɸ ɫ ɩɨɦɨɳɶɸ ɦɟɬɨɞɚ alert().
ɢɩɬ ɩɨɡɜɨɥɹɟɬ ɢɡɦɟɧɢɬɶ ɫɨɞɟɪɠɢɦɨɟ ɬɟɤɫɬɨɜɨɝɨ ɨɤɧɚ ɢ ɢɡɦɟɧɟɧɧɵɣ ɬɟɤɫɬ
ɋɤɪ
ɜɵɜɟɫɬɢ ɜ ɢɧɮɨ
ɤɧɨɩɤɭ "Ɂɚɩɭɫɤ".
ɪɦɚɰɢɨɧɧɨɦ ɨɤɧɟ. Ⱦɥɹ ɡɚɩɭɫɤɚ ɫɤɪɢɩɬɚ ɧɭɠɧɨ ɧɚɠɚɬɶ ɧɚ
ɋɨɞɟɪɠɢɦɨɟ ɬɟɤɫɬɨɜɨɣ ɨɛɥɚɫɬɢ ɦɨɠɧɨ ɢɡɦɟɧɢɬɶ. ɇɚɩɪɢɦɟɪ, ɦɨɠɧɨ
ɧɚɩɢɫɚɬɶ ɫɥɨɜɨ «ɉɪɨɛɚ».
ɉɨɫɥɟ ɳɟɥɱɤɚ ɩɨ ɤɧɨɩɤɟ «Ɂɚɩɭɫɤ» ɩɨɹɜɢɬɫɹ ɫɥɟɞɭɸɳɟɟ ɫɨɨɛɳɟɧɢɟ:
ȼɜɨɞ ɢ ɜɵɜɨɞ ɢɧɮɨɪɦɚɰɢɢ ɫ ɩɨɦɨɳɶɸ ɬɟɤɫɬɨɜɨɣ ɨɛɥɚɫɬɢ textarea
__________________________________________________________________________________
107
ɉɪɢɜɟɞɟɦ ɤɨɞ ɞɚɧɧɨɝɨ ɫɤɪɢɩɬɚ.
<form name="formTa">
<textarea name="tar1" cols="40" rows="5" >
Ɍɟɤɫɬɨɜɚɹ ɨɛɥɚɫɬɶ textarea ɩɨɡɜɨɥɹɟɬ ...
Ɂɞɟɫɶ ɪɚɡɦɟɳɚɟɬɫɹ ɬɟɤɫɬ, ɜɵɜɨɞɢɦɵɣ ɩɨ ɭɦɨɥɱɚɧɢɸ.
</textarea>
</form>
<form name="formBut">
<input type=Button value="Ɂɚɩɭɫɤ"
onclick="javascript:Func1();">
</form>
<script language="JavaScript">
function Func1() {
var a=document.formTa.tar1.value;
// ɉɟɪɟɦɟɧɧɨɣ ɚ ɩɪɢɫɜɨɟɧɨ ɫɨɞɟɪɠɢɦɨɟ ɬɟɤɫɬɨɜɨɣ ɨɛɥɚɫɬɢ
alert(a);
}
</script>
108
__________________________________________________________________________________
ɂɧɬɟɪɚɤɬɢɜɧɵɟ ɮɨɪɦɵ
11.2.5. ɂɧɬɟɪɚɤɬɢɜɧɵɟ ɮɨɪɦɵ
ɂɧɬɟɪɚɤɬɢɜɧɨɟ ɜɡɚɢɦɨɞɟɣɫɬɜɢɟ ɩɨɥɶɡɨɜɚɬɟɥɹ ɫ ɗȼɆ ɧɟɪɟɞɤɨ ɨɪɝɚɧɢɡɭɸɬ ɫ ɩɨɦɨɳɶɸ ɪɚɡɥɢɱɧɵɯ ɮɨɪɦ: ɤɧɨɩɨɤ, ɩɟɪɟɤɥɸɱɚɬɟɥɟɣ (ɪɚɞɢɨɤɧɨɩɨɤ),
ɜɤɥɸɱɚɬɟɥɟɣ (ɮɥɚɠɤɨɜ), ɫɩɢɫɤɨɜ. Ɍɚɤɢɟ ɷɥɟɦɟɧɬɵ ɭɞɨɛɧɨ ɢɫɩɨɥɶɡɨɜɚɬɶ, ɧɚɩɪɢɦɟɪ, ɩɪɢ ɩɪɨɜɟɪɤɟ ɡɧɚɧɢɣ ɭɱɚɳɢɯɫɹ (ɲɤɨɥɶɧɢɤɨɜ, ɫɬɭɞɟɧɬɨɜ).
ɇɚɢɛɨɥɟɟ ɩɪɨɫɬɨ ɢɧɬɟɪɚɤɬɢɜɧɨɟ ɜɡɚɢɦɨɞɟɣɫɬɜɢɟ ɩɨɥɶɡɨɜɚɬɟɥɹ ɫ ɗȼɆ
ɪɟɚɥɢɡɭɟɬɫɹ ɫ ɩɨɦɨɳɶɸ ɤɧɨɩɨɤ. ɇɢɠɟ ɩɪɢɜɟɞɟɧ ɩɪɢɦɟɪ ɧɟɫɥɨɠɧɨɝɨ ɬɟɫɬɢɪɨɜɚɧɢɹ ɨɛɭɱɚɟɦɨɝɨ (ɧɚɩɪɢɦɟɪ, ɭɱɟɧɢɤɚ ɧɚɱɚɥɶɧɵɯ ɤɥɚɫɫɨɜ) ɩɭɬɟɦ ɜɵɛɨɪɚ
ɨɞɧɨɝɨ ɜɟɪɧɨɝ
ɨ ɨɬɜɟɬɚ
ɢɡ ɬɪɟɯ ɩɪɟɞɥɨɠɟɧɧɵɯ.
ȿɫɥɢ ɳɟɥɤɧɭɬɶ ɩɨ ɤɧɨɩɤɟ ɫ ɢɡɨɛɪɚɠɟɧɢɟɦ ɰɢɮɪɵ 5, ɬɨ ɩɨɹɜɢɬɫɹ ɫɨɨɛɳɟɧɢɟ:
ȼɵɛɨɪ ɰɢɮɪ 4 ɢɥɢ 6 ɩɪɢɜɟɞɟɬ ɤ ɩɨɹɜɥɟɧɢɸ ɞɪɭɝɨɝɨ ɫɨɨɛɳɟɧɢɹ:
ɇɢɠɟ ɩɪɢɜɟɞɟɧ ɥɢɫɬɢɧɝ ɷɬɨɝɨ ɫɤɪɢɩɬɚ.
__________________________________________________________________________________
ɂɧɬɟɪɚɤɬɢɜɧɵɟ ɮɨɪɦɵ
109
<form name="Test1">
<table align="center" cellspacing="2" cellpadding="2" border="3">
<tr>
<td>ȼɨɡɦɨɠɧɵɟ ɨɬɜɟɬɵ </td>
<td><input type=Button value="4"
onclick="javascript:Neverno();"></td>
<td></td>
<td><input type=Button value="5"
onclick="javascript:Verno1();"></td>
<td></td>
<td><input type=Button value="6"
onclick="javascript:Neverno();">
</td>
</tr>
</table>
</form>
<script language="JavaScript">
function Verno1() {
alert("ȼɵ - ɦɚɬɟɦɚɬɢɤ...");}
function Neverno() {
alert("ɒɭɬɢɬɟ?");}
</script> Button
ȼ ɩɪɢɜɟɞɟɧɧɨɣ ɩɪɨɝɪɚɦɦɟ ɧɟɩɪɚɜɢɥɶɧɵɣ ɜɵɛɨɪ ɨɬɜɟɬɚ ɨɛɪɚɛɚɬɵɜɚɟɬɫɹ ɫ ɩɨɦɨɳɶɸ ɮɭɧɤɰɢɢ Neverno(). ȼɵɛɨɪ ɩɪɚɜɢɥɶɧɨɝɨ ɨɬɜɟɬɚ ɡɚɩɭɫɤɚɟɬ
ɮɭɧɤɰɢɸ Verno1(). Ⱦɥɹ ɡɚɩɭɫɤɚ ɫɤɪɢɩɬɚ ɢɫɩɨɥɶɡɭɟɬɫɹ ɨɞɧɨɤɪɚɬɧɵɣ ɳɟɥɱɨɤ
ɥɟɜɨɣ ɤɧɨɩɤɨɣ ɦɵɲɢ (onclick) ɩɨ ɤɧɨɩɤɟ (Button).
ɗɬɚ ɠɟ ɡɚɞɚɱɚ ɬɟɫɬɢɪɨɜɚɧɢɹ ɦɨɠɟɬ ɛɵɬɶ ɪɟɲɟɧɚ ɧɟɫɤɨɥɶɤɨ ɢɧɚɱɟ: ɫ
ɩɨɦɨɳɶɸ ɪɚɞɢɨɤɧɨɩɨɤ (ɩɟɪɟɤɥɸɱɚɬɟɥɹ).
110
__________________________________________________________________________________
ɂɧɬɟɪɚɤɬɢɜɧɵɟ ɮɨɪɦɵ
Ⱦɥɹ ɡɚɩɭɫɤɚ ɬɟɫɬɢɪɭɸɳɟɝɨ ɫɤɪɢɩɬɚ ɧɭɠɧɨ ɚɤɬɢɜɢɡɢɪɨɜɚɬɶ ɨɞɧɨ ɢɡ ɩɨɥɟɣ ɩɟɪɟɤɥɸɱɚɬɟɥɹ ɢ ɧɚɠɚɬɶ ɧɚ ɤɧɨɩɤɭ «ɉɪɨɜɟɪɤɚ ɪɟɲɟɧɢɹ».
ȼ ɪɟɡɭɥɶɬɚɬɟ ɷɬɨɝɨ ɧɚ ɷɤɪɚɧɟ ɩɨɹɜɢɬɫɹ ɨɞɧɨ ɢɡ ɞɜɭɯ ɫɨɨɛɳɟɧɢɣ.
ɉɪɢɜɟɞɟɦ ɤɨɞ ɷɬɨɝɨ ɫɤɪɢɩɬɚ.
<form name="Test2">
<table align="center" cellspacing="2" cellpadding="2" border="3">
<tr>
<td>ɉɟɪɟɤɥɸɱɚɬɟɥɶ</td>
<td>ɉɨɞɫɤɚɡɤɢ</td>
</tr>
<tr align="center">
<td><input type=radio value="1" name="Otv"></td>
<td>4</td>
</tr>
<tr align="center">
<td><input type=radio value="2" name="Otv"></td>
<td>5</td>
</tr>
Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]