Area

Объект Area представляет собой HTML элемент <area>.

Свойства объекта Area

alt

Свойство alt Устанавливает или возвращает значение атрибута alt

Синтаксис

areaObject.alt [ =  strAlt ]

strAlt - альтернативный текст для области изображения.

Возвращаемое значение

Строка, представляющая собой альтернативный текст для области изображения.

Пример

<p>Кликните на солнце или на одну из планет, чтобы посмотреть их поближе:</p> 
<img src="images/planets.gif" width="146" height="126" alt="Планеты" usemap="#planetmap">
 <map name="planetmap" id='i'>
  <area shape="rect" coords="0,0,82,126" alt="Солнце" title="Солнце"  href="images/sun.php?x=34.56&y=-8.35#part2" 
     target='frm' rel="archives" onclick="f(0)">
  <area shape="circle" coords="90,58,3" alt="Меркурий" title="Меркурий" href="images/mercur.php?x=34.56&y=-8.35#part2"  
     target='frm' rel="archives" onclick="f(1)">
  <area shape="circle" coords="124,58,8" alt="Венера" title="Венера" href="images/venus.php?x=34.56&y=-8.35#part2" 
     target='frm' rel="archives" onclick="f(2)">
</map>
<div style="display: inline-block; width: 200px; height: 126px;">
<iframe name="frm" 
   style="border: 0; overflow: auto; width: 160px; height: 126px"
   src="about:blank">
</iframe>
</div>
<p id="demo"></p>
<script>
var x = document.getElementById("i");
function f(n) { var d = x.areas[n];
    d.username = "New_User";
    d.password = "73-34-xz-56";
    document.getElementById("demo").innerHTML = 
    'href:  ' + d.href + '<br>' +
    'alt:   ' + d.alt + '<br>' +
    'shape: ' + d.shape + '<br>' +
    'coords:  '+ d.coords + '<br>' +
    'protocol: ' + d.protocol + '<br>' +
    'username:  ' + d.username + '<br>' +
    'password: ' + d.password + '<br>' +
    'hostname:  ' + d.hostname + '<br>' +
    'port: ' + d.port + '<br>' +
    'pathname:  ' + d.pathname + '<br>' +
    'search: ' + d.search + '<br>' +
    'hash: ' + d.hash + '<br>' +
    'origin:  ' + d.origin + '<br>' +
    'target:  ' + d.target + '<br>' +
    'rel:   ' + d.rel +  '<br>'+
    'img.src: ' + document.querySelector('img[usemap="#'+x.name+'"]').src;
}
</script>

coords

Свойство coords устанавливает или возвращает значение атрибута coords

Синтаксис

areaObject.coords [ =  strCoords ]

strCoords - строка, определяющая координаты области:

x1,y1,x2,y2

Если атрибут shape имеет значение "rect" , он определяет координату левого верхнего угла и нижний правый угол прямоугольника

x,y,radius

Если атрибут shape установлен в "circle" , он определяет координаты центра окружности и радиуса

x1,y1,x2,y2,..,xn,yn

Если атрибут shape установлен в "poly" , он определяет координаты краев многоугольника. Если первые и последние координатные пары не совпадают, браузер должен добавить последнюю пару координат, чтобы закрыть многоугольник

Возвращаемое значение

Строка, представляющая список координатб разделенных запятыми

Пример

hash

Свойство hash устанавливает или возвращает анкерную часть (#) атрибута href

Синтаксис

areaObject.hash  [ =  strhash ]

strHash - анкерная часть URL

Возвращаемое значение

Строка, представляющая анкерную часть URL, включая диез (#)

Пример

host

Свойство host устанавливает или возвращает имя домена и порт атрибута href

Синтаксис

areaObject.host  [ =  strHost ]

strHost - hostname:port имя домена и номер порта в URL

Возвращаемое значение

Строка, представляющая имя домена (или IP-адрес) и номер порта в URL

Пример

hostname

Свойство hostname устанавливает или возвращает имя домена значения атрибута href

Синтаксис

areaObject.hostname  [ =  strHostname ]

strHostname - имя домена в URL

Возвращаемое значение

Строка, представляющая имя домена (или IP-адрес)

Пример

href

Свойство href устанавливает или возвращает значение атрибута href

Синтаксис

areaObject.href  [ =  strHref ]

strHref - URL-адрес ссылки. Возможные значения:

• Абсолютный URL - указывает на другой веб - сайт (Например: href="http://www.example.com/default.htm")
• Относительный URL - указывает на файл в пределах веб - сайта (Например: href="default.htm")
• Якорь URL - указывает на якорь в пределах страницы (Например: href="#top")

Возвращаемое значение

Возвращает весь URL, включая протокол

Пример

origin

Свойство origin Возвращает протокол, имя домена и порт атрибута href

Синтаксис

areaObject.origin

Возвращаемое значение

Строка, представляющая протокол (включая ://), доменное имя (или IP - адрес) и номер порта (включая знак «:») в URL.

Совместимость с браузерами

Да	Нет	Да	Да	Да

Пример

password

Свойство password устанавливает или возвращает пароль атрибута href

Синтаксис

areaObject.password  [ =  strPassword ]

strPassword - пароль в URL

Возвращаемое значение

Строка, представляющая пароль в URL

Комментарии

password указывается после имени пользователя и перед именем хоста в атрибуте href.

Совместимость с браузерами

Да	Нет	Да	Нет	Да

Пример

pathname

Свойство pathname устанавливает или возвращает имя пути атрибута href

Синтаксис

areaObject.pathname  [ =  strPathname ]

strPathname - имя пути в URL

Возвращаемое значение

Строка, представляющая имя пути в URL

Пример

port

Свойство port устанавливает или возвращает порт атрибута href

Синтаксис

areaObject.port  [ =  strPort ]

strPort - номер порта в URL

Возвращаемое значение

Строка, представляющая номер порта URL

Пример

protocol

Свойство protocol устанавливает или возвращает часть протокол атрибута href

Синтаксис

areaObject.protocol  [ =  strProtocol ]

strProtocol - определяет протокол в URL. Возможные значения: FILE: , FTP:, HTTP:, HTTPS: и т.д..

Возвращаемое значение

Строка, представляющая часть протокола в URL, включая знак двоеточие (:)

Пример

search

Свойство search устанавливает или возвращает строку запроса атрибута href

Синтаксис

areaObject.search  [ =  strSearch ]

strSearch - строка запроса

Возвращаемое значение

Строка, представляющая строки запроса в URL, включая знак вопроса (?)

Пример

shape

Свойство shape задает или возвращает значение атрибута shape

Синтаксис

areaObject.shape [ = strShape ]

strShape - "default", "rect", "circle" или "poly":

default

Определяет всю область

rect

Определяет прямоугольную область

circle

Определяет круглую область

poly

Определяет многоугольную область

Возвращаемое значение

Строка, представляющая тип формы области

Пример

target

Свойство target задает или возвращает значение атрибута target

Синтаксис

areaObject.target  [ =  strTarget ]

strTarget - "_blank|_self|_parent|_top|framename":

_blank

Загружает страницу в новое окно браузера.

_self

Загружает страницу в текущее окно.

_parent

Загружает страницу во фрейм-родитель, если фреймов нет, то это значение работает как _self.

_top

Отменяет все фреймы и загружает страницу в полном окне браузера, если фреймов нет, то это значение работает как _self.

framename

Загружает страницу в указанный фрейм.

Возвращаемое значение

Строка, представляющая где открыть связанный документ

Пример

username

Свойство username устанавливает или возвращает имя пользователя атрибута href

Синтаксис

areaObject.username  [ =  strUsername ]

strUsername - cтрока, представляющая имя пользователя в URL

Возвращаемое значение

Строка, представляющая имя пользователя

Комментарии

username указывается после протокола и до пароля в атрибуте href.

Совместимость с браузерами

Да	Нет	Да	Нет	Да

Пример