КАТЕГОРИИ:
Архитектура-(3434)Астрономия-(809)Биология-(7483)Биотехнологии-(1457)Военное дело-(14632)Высокие технологии-(1363)География-(913)Геология-(1438)Государство-(451)Демография-(1065)Дом-(47672)Журналистика и СМИ-(912)Изобретательство-(14524)Иностранные языки-(4268)Информатика-(17799)Искусство-(1338)История-(13644)Компьютеры-(11121)Косметика-(55)Кулинария-(373)Культура-(8427)Лингвистика-(374)Литература-(1642)Маркетинг-(23702)Математика-(16968)Машиностроение-(1700)Медицина-(12668)Менеджмент-(24684)Механика-(15423)Науковедение-(506)Образование-(11852)Охрана труда-(3308)Педагогика-(5571)Полиграфия-(1312)Политика-(7869)Право-(5454)Приборостроение-(1369)Программирование-(2801)Производство-(97182)Промышленность-(8706)Психология-(18388)Религия-(3217)Связь-(10668)Сельское хозяйство-(299)Социология-(6455)Спорт-(42831)Строительство-(4793)Торговля-(5050)Транспорт-(2929)Туризм-(1568)Физика-(3942)Философия-(17015)Финансы-(26596)Химия-(22929)Экология-(12095)Экономика-(9961)Электроника-(8441)Электротехника-(4623)Энергетика-(12629)Юриспруденция-(1492)Ядерная техника-(1748)
Листинг 2.8. Файл chapter2/ColorLinks/ColorLinks. html
|
|
|
|
<HTML>
<HEAD>
<TITLE>Color Links</TITLE>
<SCRIPT LANGlJAGE="JavaScript ">
<!--
document.bgColor = "#00FF80";
document.fgColor = "#800080";
document.linkCoior = "#000000";
document.alinkColor = "#FF0000";
document.vlinkColor = "#4000FF";
//-->
</SCRIPT>
</HEAD>
<BODY BGCOLOR=white>
<Н1>Зміна колірного оформлення</Н1>
<Р>Відвідайте ці сервери:
<Р><A HREF="http: //www.glasnet. ru/~frolov/index.html">Hаша домашня сторінка</А>
<P><A HREF="http://www. auramedia. ru">Каталог програм Auramedia</A>
<P><A HREF="http://www.microsoft.corn/Java/">Сторінка cервера Microsoft про Java</A>
<P><A HREF="ColorLinks.html#Локальный роздів ">Локальний поділ</А>
<HR>
<Н1><А NAME="Локальний поділ">Локальний поділ</А></H1>
<Р>Цей локальний поділ ви можете переглянути, навіть якщо ваш комп'ютер не залучений до Internet
</BODY>
</HTML>
Звернете увагу, що сценарій переопределяет цвіт фона, заданий параметром BGCOLOR в операторі <BODY>:
document. bgColor = "#00FF80";
2.5.4. Посилання і мітки в документі
Як уже рассказывалось, для того щоб вставити в документ HTML посилання або локальну мітку, необхідно використовувати оператор <А>. У загальному виді цей оператор поданий нижче
<A НRЕF=Адреса URL або локальна мітка
NАМЕ="Ім'я локальної мітки"
ТАRGЕТ="Ім'я вікна"
onClick="06pa6oтчик події: щиголь по посиланню" оnМоusеОvег="Оброблювач події: курсор над посиланням">
Текст посилання
</А>
Опис параметрів оператора <А> приведено нижче:
Параметр Опис
HREF Параметр HREF задає адреса URL або ім'я локальної мітки документа, куди буде зроблений перехід по посиланню
NAМЕ Якщо зазначений параметр NAME, оператор <А> визначає локальну мітку. Значення цього параметра задає ім'я мітки
|
|
|
TARGET Параметр TARGET задає ім'я вікна, куди буде завантажений документ при виконанні посилання. Це може бути ім'я існуючого вікна фрейма, визначеного за допомогою оператора <FRAMESET>, або одне з таких зарезервованих імен - _top, _parent, _self, або _blank
OnClick С поміччю параметра onClick можна визначити оброблювач події, що одержить керування, коли користувач зробить щиголь лівою клавішею миші по посиланню
OnMouseOver Аналогічно попередньому, проте оброблювач події одержить керування, коли користувач розмістить курсор миші над посиланням
Для кожного посилання, розміщеної в документі HTML, створюється окремий об'єкт. Всі такі об'єкти знаходяться в об'єкті документа Document як елементи масиву links.
Сценарій JavaScript може визначити властивості кожного посилання, розташованої в документі HTML, аналізуючи елементи об'єкта links. От список цих властивостей:
Властивість Опис
bash Ім'я локального посилання, якщо вона визначена в адресі URL
host Ім'я вузла і порт, зазначені в адресі URL
hostname Ім'я вузла і доменне ім'я вузла мережі. Якщо доменне ім'я недоступно, замість нього вказується адреса IP
href Повна адреса URL
pathname Шлях до об'єкта, зазначений в адресі URL
port Номер порту, використовуваного для передачі даних із сервером, зазначеним у даному посиланні
protocol Рядок назви протоколу передачі даних (включающая символ "двокрапка"), зазначеного в посиланні
search Рядок запиту, зазначений в адресі URL після символу?
target Значення параметра TARGET, задане в посиланні
length Кількість елементів у масиві links, тобто кількість посилань у поточному документі HTML
Приклад документа, із формою, списком і кнопкою Jump заповнює список посиланнями, розміщеними в документі HTML.
Обравши зі списку посилання і натиснувши кнопку Jump, можна завантажити у вікно браузера документ, зазначений у цьому посиланні, або запустити поштову програму для підготування і відправлення повідомлення (якщо обране посилання на адресу електронної пошти).
|
|
|
Тому що список посилань формується сценарієм динамічно, нові посилання, додані в документ HTML, з'являться в списку автоматично без додаткових зусиль по редагуванню сценарію.
У нижній частині цього ж документа HTML сценарій відображає детальну інформацію з кожного посилання, витягнуту з властивостей об'єктів класу links, що відповідають посиланням.
Спочатку виводяться властивості першого посилання, що містить адресу головної сторінки нашого серверу Web у мережі Internet:
http://www. glasnet. ru/~frolov/index. html
host: www. glasnet. ru:80
hostname: www. glasnet. ru
href: http://www. glasnet. ru/~frolov/index. html
pathname: ~frolov/index. html
port: 80
protocol: http:
search:
target:
Тому що в цьому посиланні зазначена повна адреса URL, що включає шлях файлу документа index.html, те цей шлях записується у властивість з ім'ям pathname.
Хоча порт, із використанням якого встановлюється з'єднання із сервером Web, не зазначений, у властивості host і port записується значення, застосовувана для цієї цілі по умовчанню, як-от 80.
Можна роздивитися таке посилання:
http://www.auramedia.ru/
http: www.auramedia.ru:80
hostname: www.auramedia.ru
href: http://www.auramedia.ru/
pathname:
port: 80
protocol: http:
search:
target:
Тут шлях до файла документа HTML не зазначена, тому властивість pathname містить порожній рядок.
У посиланні на сервер Microsoft зазначений шлях до каталога Java:
http://www.microsoft.com/java/
http: www.microsoft.com:80
hostname: www.microsoft.com
href: http://www.microsoft.com/java/
pathname: Java/
port: 80
protocol: http:
search:
target: newwnd
Э той частковий шлях виявився записаним у властивість pathname. Kроме того, для відображення вмісту серверу Microsoft повинно бути створене нове вікно. Ім'я цього вікна задане як newwnd у параметрі TARGET оператора <А>. За допомогою цього оператора розміщене посилання в документі НTML. Ім'я вікна виявилося записано у властивість target.
Останнє посилання - це адреса електронної пошти:
mailto:[email protected]
host:glas.apc.org
hostnamailto as.apc.org
href: mailto:frolov@glas. apc. org
pathname:
port:0
protocol: mailto:
search:
target:
У властивості protocol даного посилання записаний рядок "mailto:". Нижче розглянутий вихідний текст документа HTML, що міститьсценарій JavaScript, що працює з посиланнями (листинг 2.9).
|
|
|
|
|
Дата добавления: 2014-11-29; Просмотров: 286; Нарушение авторских прав?; Мы поможем в написании вашей работы!