Урок 13. Управление шрифтами в CSS
New Page 1
WEB-Программирование. Java Script(JS): Дополнительные приемы работы с объектами
Для
углубленного изучения web-программирования (язык
PHP и написание своей собственной CMS) советую
подписаться на
платный раздел (см. анонсы раздела "Пишем
Easy CMS").
На
уроке 49 мы уже проходили тему "объекты". Сегодня я расскажу о них еще кое
что. Во первых, на основе одних объектов можно конструировать другие. В
частности, в Java Script предусмотрен механизм
наследования, благодаря которому новые объекты наследуют свойства и методы
старого, пример
урок 50 и
урок "Web-программирование: «Java Script(JS): Библиотека визуальных компонентов.
Класс контейнер».". К новым (дочерним) объектам можно добавлять новые методы
и свойства и удалять старые. Давайте рассмотрим пример:
|
<html>
<head>
<title>Урок
81. Java Script (JS): Дополнительные сведения об объектах</title>
</head>
<body>
<SCRIPT
LANGUAGE="JavaScript"
TYPE="text/javascript">
function
Car(a_color, a_vendor, a_model) {
this.color=a_color
this.vendor=a_vendor
this.model=a_model
this.get_descr=get_descr
}
function
get_descr() {
res='Цвет
'+this.color+',
Марка
машины:
'+this.vendor+'
'+this.model
return
res
}
function
Truck(a_tonnage, a_vendor, a_model){
this.tonnage=a_tonnage
this.vendor=a_vendor
this.model=a_model
this.get_descr=get_descr
delete
this.color
this.get_descr=get_descr_truck
}
function
get_descr_truck() {
res='Грузоподъемность
'+this.tonnage+',
Марка
машины:
'+this.vendor+'
'+this.model
return
res
}
var
myCar=new
Car('Maroon','Renault','Logan')
document.write(myCar.get_descr()+'<br>')
var
myOtherCar=new
Truck(1.5,'ГАЗ','3302')
document.write(myOtherCar.get_descr()+'<br>')
</SCRIPT>
</body>
</html> |
И вот
результат работы данной программы:
Цвет Maroon, Марка машины: Renault Logan
Грузоподъемность 1.5, Марка машины: ГАЗ 3302 |
Следующая
интересная конструкция Java Script это
With. Она позволяет обращаться к поля и методам
объекта без точек, например, в том случае, когда путь к конечному объекту
достаточно длинный, типа такого:
a=document.forms[0].selectButton.options[1]. Если у нас очень много
подобных записей, то это весьма утомительно. Поэтому можно воспользоваться
конструкцией with.
Вот как
записывается конструкция без with (пример):
|
<html>
<head>
<title>Урок
81. Java Script (JS): Дополнительные сведения об объектах</title>
</head>
<body>
<SCRIPT
Language="JavaScript"
type="text/javascript">
function
ButtonClick() {
a=document.forms.myform.input_field.value;
b=a*2;
document.write(a,"*2=",b);
}
</SCRIPT>
<form
name="myform">
<input
type="text"
name="input_field"
size="50"><input
type="submit"
OnClick="ButtonClick()"></p>
</form>
</body>
</html> |
И вот как с
with:
|
<html>
<head>
<title>Урок
81. Java Script (JS): Дополнительные сведения об объектах</title>
</head>
<body>
<SCRIPT
Language="JavaScript"
type="text/javascript">
function
ButtonClick() {
with
(document.forms.myform) {
a=document.forms.myform.input_field.value;
b=a*2;
document.write(a,"*2=",b);
}
}
</SCRIPT>
<form
name="myform">
<input
type="text"
name="input_field"
size="50"><input
type="submit"
OnClick="ButtonClick()"></p>
</form>
</body>
</html> |
На сегодня
пока все, а на следующем занятии мы продолжим тему объектов.
|
