<HTML>
<HEAD>
<TITLE> Исследование свойств изображений </TITLE>
<script>
<!-—
function chpict(obj)
{ var w=obj.wd.value
var h= obj.hg.value
if (w!=0) document.mypict.width=w
if (h!=0) document.mypict.height=h
document.mypict.border=obj.br.value
document.mypict.alt=obj.al.value
}
//-->
</script>
</HEAD>
<BODY bgcolor="F8F8FF">
<CENTER>
<НЗ>Встраиваемые изображения</НЗ>
<IMG src=pl.gif name=mypict>
<FORM name="form1">
Для изменения размеров изображения введите значения одного
или двух параметров и нажмите кнопку <В>Просмотр</В><br>
ширина (width): <input type="text" name="wd" size=8><br>
высота (height): <input type="text" name="hg" size=8><br>
Для задания рамки введите число, определяющее толщину рамки
в пикселах, и нажмите на кнопку <В>Просмотр</В><br>
толщина рамки (border): <input type="text" name="br"
size=8 value=0><br>
Альтернативный текст (alt): <input type="text"
name="al" size=40><P>
<input type="button" value= "Просмотр" onclick="chpict(form1)">
<input type="reset" value="Отмениь">
</FORM>
</CENTER>
</BODY>
</HTML>
В описанном документе имеется лишь одно изображение. Доступ к нему можно получить, воспользовавшись свойствомimages объектаdocument, следующим образом: document.images [0]. Доступ же к различным свойствам изображения можно получить с помощью свойств самого изображения, например, так:
|
|
document.images[0].width
document.images[0].height
document.images[0].border
document.images[0].alt
Диалог с пользователем обеспечивается с помощью формы. В последнем примере используется одна форма. Доступ к форме можно получить так: document, forms [0]. Форма содержит шесть элементов, четыре текстовых поля и две кнопки. Свойство elements формы хранит информацию обо всех ее элементах в том порядке, в каком они встречаются в HTML-документе. Получить доступ к объектам формы можно, воспользовавшись свойствами:
document.forms[0].elements[0]
document.forms[0].elements[1]
document.forms[0].elements[2]
document.forms[0].elements[3]
document.forms[0].elements[4]
document.forms[0].elements[5]
В следующем варианте решения задачи (листинг 3.1, б) доступ ко всем значениям осуществляется с помощью свойств images и forms объекта document.