3. цКЮБЮ. хЯОНКЭГНБЮМХЕ НАЗЕЙРНБ Navigator'Ю
хГКЮЦЮЕЛШИ ГДЕЯЭ ЛЮРЕПХЮК НРМНЯХРЯЪ Б НЯМНБМНЛ Й
JavaScript-ЙКХЕМРС.
3.1 хЕПЮПУХЪ НАЗЕЙРНБ.
нАЗЕЙРШ Navigator▓Ю ХЛЕЧР ЯКЕДСЧЫСЧ ХЕПЮПУХЧ:
оПХ ГЮЦПСГЙЕ ДНЙСЛЕМРЮ БШОНКМЪЕРЯЪ ОНПЪДЙНБЮЪ
МСЛЕПЮЖХЪ НДМНРХОМШУ НАЗЕЙРНБ Х ОНКМНЕ ХЛЪ НАЗЕЙРЮ ТНПЛХПСЕРЯЪ Я
ХЯОНКЭГНБЮМХЕЛ МЮГБЮМХЪ НАЗЕЙРЮ Х ЕЦН МНЛЕПЮ. мЮОПХЛЕП, ОЕПБЮЪ ТНПЛЮ
Б ДНЙСЛЕМРЕ ОНКСВХР МЮГБЮМХЕ form1. оНЯЙНКЭЙС НМЮ ЪБКЪЕРЯЪ ДНВЕПМХЛ
ЩКЕЛЕМРНЛ НАЗЕЙРЮ document, НАПЮРХРЭЯЪ Й МЕИ ЛНФМН ЯКЕДСЧЫХЛ
НАПЮГНЛ:
document.form1.
йЮФДЮЪ ЯРПЮМХЖЮ ХЛЕЕР ЯКЕДСЧЫХЕ НАЗЕЙРШ:
- navigator - ХЛЕЕР ЯБНИЯРБЮ ДКЪ МЮГБЮМХЪ Х БЕПЯХХ
ХЯОНКЭГСЕЛНЦН Navigator, ДКЪ РХОНБ MIME, ОНДДЕПФХБЮЕЛШУ ЙКХЕМРНЛ
Х БЯРПНЕММСЧ (plug-in) ОНДДЕПФЙС, ХМЯРЮККХПНБЮММСЧ С ЙКХЕМРЮ;
- window - НАЗЕЙР, ХЛЕЧЫХИ ЯБНИЯРБЮ, ЙНРНПШЕ ОПХЛЕМЪ- ЧРЯЪ Й
ОНКМНЛС НЙМС. хЛЕЕРЯЪ РЮЙФЕ НАЗЕЙР window ДКЪ ЙЮФДНЦН "ДНВЕПМЕЦН
НЙМЮ" Б ДНЙСЛЕМРЕ .
- document - ХЛЕЕР ЯБНИЯРБЮ, НЯМНБЮММШЕ МЮ НТНПЛКЕМХХ
ДНЙСЛЕМРЮ, РХОЮ ГЮЦКЮБХЪ, ЖБЕРЮ ТНМЮ, ЯЯШКНЙ Х ТНПЛ.
- location - НОПЕДЕКЪЕРЯЪ РЕЙСЫХЛ URL.
- history - ХЛЕЕР ЯБНИЯРБЮ, ОПЕДЯРЮБКЪЧЫХЕ URL, ЙНРНПШЕ ЙКХЕМР
ОПЕДБЮПХРЕКЭМН ХЯОНКЭГНБЮК.
б ГЮБХЯХЛНЯРХ НР ЯНДЕПФЮМХЪ, ДНЙСЛЕМР ЛНФЕР ХЛЕРЭ Х
ДПСЦХЕ НАЗЕЙРШ.: МЮОПХЛЕП, ЙЮФДЮЪ ТНПЛЮ (НОПЕДЕКЪЕЛЮЪ Б РЕЦЕ FORM) Б
ДНЙСЛЕМРЕ ОПЕДЯРЮБКЪЕР НАЗЕЙР Form. яКЕДСЧЫЮЪ ЯЯШКЙЮ НРМНЯХРЯЪ Й
ЯБНИЯРБС value РЕЙЯРНБНЦН ОНКЪ Я ХЛЕМЕЛ text1 Б ТНПЛЕ, МЮГБЮММНИ
myform, РЕЙСЫЕЦН ДНЙСЛЕМРЮ:
document.myform.text1.value
йНЦДЮ НАЗЕЙР БЙКЧВЕМ Б ТНПЛС, ДКЪ НАПЮЫЕМХЪ Й МЕЛС
МЕНАУНДХЛН СЙЮГШБЮРЭ ХЛЪ ТНПЛШ, ДЮФЕ Б РНЛ ЯКСВЮЕ, ЙНЦДЮ НАЗЕЙР
ЛНФЕР ЯСЫЕЯРБНБЮРЭ БМЕ ТНПЛШ. мЮОПХЛЕП ПХЯСМНЙ (image) ЛНФЕР
ЯСЫЕЯРБНБЮРЭ БМЕ ТНПЛШ, МН ЕЯКХ НМ Б МЕЕ БЙКЧВЕМ, РН НАПЮЫЕМХЕ
ДНКФМН БШЦКЪДЕРЭ ЯКЕДСЧЫХЛ НАПЮГНЛ:
document.imageForm.aircraft.src='f15e.gif'
б РНЛ ЯКСВЮЕ, ЕЯКХ ПХЯСМНЙ БМЕ ТНПЛШ, НАПЮЫЕМХЕ АСДЕР
ЯКЕДСЧЫХЛ:
document.aircraft.src='f15e.gif'
3.1.1 оПХЛЕПШ ЯБНИЯРБ
ДНЙСЛЕМРЮ.
оПЕДОНКНФХЛ ЛШ ЯНГДЮКХ ЯРПЮМХЖС, ОНХЛЕМНБЮММСЧ
simple.html, ЯН ЯКЕДСЧЫХЛ ЯНДЕПФХЛШЛ:
<HEAD><TITLE>My Document</TITLE>
<SCRIPT>
function update(form) {
alert("Form being updated")
}
</SCRIPT>
</HEAD>
<BODY>
<FORM NAME="myform" ACTION="foo.cgi" METHOD="get" >
Enter a value:
<INPUT TYPE="text" NAME="text1" VALUE="everything"
SIZE=20>
Check if you want:
<INPUT TYPE="checkbox" NAME="Check1" CHECKED
onClick="update(this.form)"> Option #1
<P>
<INPUT TYPE="button" NAME="button1" VALUE="Press Me"
onClick="update(this.form)">
</FORM>
</BODY>
аЮГНБШЕ НАЗЕЙРШ ЛНЦСР ХЛЕРЭ ЯКЕДСЧЫХЕ ЯБНИЯРБЮ:
яБНИЯРБЮ |
ГМЮВЕМХЪ |
document.title |
⌠My Document■ |
document.fgcolor |
#000000 |
document.bgColor |
#ffffff |
location.href |
"http://www.sampson.com/samples/simple.html" |
history.length |
7 |
гМЮВЕМХЕ document.title НОПЕДЕКЪЕРЯЪ ЯНДЕПФХЛШЛ РЕЦЮ
TITLE, ГМЮВЕМХЪ document.fgColor Х document.bgColor ЪБМШЛ НАПЮГНЛ МЕ
НОПЕДЕКЕМШ, ОНЩРНЛС НМХ БШАХПЮЧРЯЪ ОН СЛНКВЮМХЧ ХГ СЯРЮМНБНЙ
ДХЮКНЦНБНЦН АНЙЯЮ Preferences (ЙНЦДЮ ОНКЭГНБЮРЕКЭ БШАХПЮЕР General
Preferences ХГ ЛЕМЧ Options).
оНКМШЕ ХЛЕМЮ НАЗЕЙРНБ Б БШЬЕ ОПХБЕДЕММНЛ ДНЙСЛЕМРЕ
АСДСР ЯКЕДСЧЫХЛХ:
- document.myform, ДКЪ form
- document.myform.Check1, ДКЪ checkbox
- document.myform.button1, ДКЪ button.
нАЗЕЙР myform ХЛЕЕР ЯБНИЯРБЮ, НЯМНБШБЮЧЫХЕЯЪ МЮ
ЮРРПХАСРЮУ РЕЦЮ FORM:
- action ЕЯРЭ http://www.sampson.com/samples/foo.cgi,
URL, МЮ ЙНРНПШИ СЙЮГШБЮЕР ТНПЛЮ.
- method ЕЯРЭ "get" ЙЮЙ СЙЮГЮМН Б ЮРРПХАСРЕ METHOD
.
- length ПЮБМЮ 3, ОНЯЙНКЭЙС Б ТНПЛЕ РПХ ЩКЕЛЕМРЮ
ББНДЮ.
нАЗЕЙР Form ХЛЕЕР ДНВЕПМХЕ НАЗЕЙРШ button1 Х text1,
ЩРХ НАЗЕЙРШ НАКЮДЮЧР ЯБНХЛХ ЯНАЯРБЕММШЛХ ЯБНИЯРБЮЛХ, МЮОПХЛЕП:
button1.value ХЛЕЕР ГМЮВЕМХЕ "Press Me" , button1.name - "Button1"
text1.value - "everything" text1.name - "text1". мЮ ЩРХ ЯБНИЯРБЮ
ЯКЕДСЕР ЯЯШКЮРЭЯЪ, ХЯОНКЭГСЪ ОНКМШЕ ХЛЕМЮ, МЮОПХЛЕП:
document.myform.button1.value.
3.2 хЯОНКМЕМХЕ
JavaScript-ОПНЦПЮЛЛ
вРНАШ ОНМХЛЮРЭ ХЯОНКМЕМХЕ JavaScript-ОПНЦПЮЛЛШ, БЮФМН
ГМЮРЭ ЙЮЙ НМХ ХЯОНКМЪЧРЯЪ Navigator'НЛ - РН ЕЯРЭ ЙЮЙ Navigator
ОПЕНАПЮГСЕР HTML РЕЦХ Б ЦПЮТХВЕЯЙНЕ НРНАПЮФЕМХЕ. б НАЫЕЛ ЯКСВЮЕ
Navigator ХЯОНКМЪЕР ТЮИК HTML ЯБЕПУС БМХГ. мЮОПХЛЕП, ОПЕДОНКНФХЛ,
ВРН НОПЕДЕКЕМЮ ТНПЛЮ Я ДБСЛЪ ЩКЕЛЕМРЮЛХ ББНДЮ РЕЙЯРЮ:
<FORM NAME="statform">
<INPUT TYPE = "text" name = "userName" size = 20>
<INPUT TYPE = "text" name = "Age" size = 3>
щРХ ЩКЕЛЕМРШ ТНПЛШ НОПЕДЕКЕМШ ЙЮЙ JavaScript-НАЗЕЙРШ Х
ХУ ЛНФМН ХЯОНКЭГНБЮРЭ ОНЯКЕ РНЦН, ЙЮЙ ТНПЛЮ НОПЕДЕКЕМЮ ЯКЕДСЧЫХЛ
НАПЮГНЛ:
document.statform.userName Х
document.statform.Age.
мЮОПХЛЕП, ЛНФМН ОНЙЮГЮРЭ ГМЮВЕМХЕ ЩРХУ НАЗЕЙРНБ Б
ОПНЦПЮЛЛЕ ОНЯКЕ ГЮОНКМЕМХЪ ТНПЛШ:
<SCRIPT>
document.write(document.statform.userName.value)
document.write(document.statform.Age.value)
</SCRIPT>
(вРНАШ СБХДЕРЭ РНКЭЙН ВРН ББЕДЕММШЕ ГМЮВЕМХЪ МЕНАУНДХЛН
ОЕПЕГЮЦПСГХРЭ ДНЙСЛЕМР.)
нДМЮЙН, ЕЯКХ ОНОПНАНБЮРЭ ЯДЕКЮРЭ ЩРН ОЕПЕД
НОПЕДЕКЕМХЕЛ ТНПЛШ (БШЬЕ ГЮОНКМЕМХЪ ТНПЛШ Б HTML ЯРПЮМХЖЕ), ОНКСВХРЕ
НЬХАЙС, ОНРНЛС ВРН НАЗЕЙРШ МЕ ЯСЫЕЯРБСЧР ЕЫЕ Б Navigator▓Е.
юМЮКНЦХВМН, ЕЯКХ ПЮЯОНКНФЕМХЕ НАЗЕЙРЮ МЮ ЩЙПЮМЕ ОПНХГНЬКН, РН
СЯРЮМНБЙЮ МНБНЦН ГМЮВЕМХЪ МЕ ОПХБЕДЕР Й ХГЛЕМЕМХЧ ХГНАПЮФЕМХЪ.
мЮОПХЛЕП, ОПЕДОНКНФХЛ ГЮЦНКНБНЙ ДНЙСЛЕМРЮ НОПЕДЕКЕМ ЯКЕДСЧЫХЛ
НАПЮГНЛ:
<TITLE>My JavaScript Page</TITLE>
дКЪ JavaScript ЩРН ГМЮВЕМХЕ ОЕПЕЛЕММНИ
document.title. Navigator БШБНДХР ЩРНР ГЮЦНКНБНЙ Б ЯБНЕИ БЕПУМЕИ
ЯРПНЙЕ. еЯКХ ОНГФЕ ОНОШРЮРЭЯЪ ХГЛЕМХРЭ ГМЮВЕМХЕ ЩРНИ ОЕПЕЛЕММНИ, РН
ЩРН МЕ БШГНБЕР ХГЛЕМЕМХЕ ХГНАПЮФЕМХЪ, МЕ ОПХБЕДЕР Й ХГЛЕМЕМХЧ
ОЕПЕЛЕММНИ Х ЛНФЕР БШГБЮРЭ НЬХАЙС. хЛЕЧРЯЪ МЕЙНРНПШЕ БЮФМШЕ
ХЯЙКЧВЕМХЪ ХГ ЩРНЦН ОПЮБХКЮ: лНФМН ЛНДЕПМХГХПНБЮРЭ ГМЮВЕМХЪ
ЩКЕЛЕМРНБ ТНПЛШ ДХМЮЛХВЕЯЙХ. мЮОПХЛЕП, ЯКЕДСЧЫЕЕ НОХЯЮМХЕ НОПЕДЕКЪЕР
НАКЮЯРЭ РЕЙЯРЮ, ЙНРНПШИ ОЕПБНМЮВЮКЭМН ОНЙЮГШБЮЕР ЯРПНЙС "Source
value". йНЦДЮ БШ МЮФХЛЮЕРЕ ЙМНОЙС, ДНАЮБКЪЕРЯЪ МНБШИ РЕЙЯР
"...Updated".
<FORM NAME="demoForm">
<INPUT TYPE="text" NAME="mytext" SIZE="40" VALUE="Source value
">
<P><INPUT TYPE="button" VALUE="Click to Update Text Field"
onClick="document.demoForm.mytext.value += '...Updated ' ">
</FORM>
щРН ОПНЯРНИ ОПХЛЕП НАМНБКЕМХЪ ЩКЕЛЕМРЮ ТНПЛШ ОНЯКЕ
ПЮЯОНКНФЕМХЪ. оПХ ХЯОНКЭГНБЮМХХ ОПНЦПЮЛЛ-НАПЮАНРВХЙНБ ЯНАШРХИ ЛНФМН
РЮЙФЕ ХГЛЕМХРЭ МЕЙНРНПШЕ ДПСЦХЕ ЯБНИЯРБЮ ОНЯКЕ РНЦН, ЙЮЙ
ПЮЯОНКНФЕМХЕ ОПНХГНЬКН, МЮОПХЛЕП, document.bgcolor.
3.3 йКЧВЕБШЕ НАЗЕЙРШ
Navigator'a.
щРНР ПЮГДЕК НОХЯШБЮЕР МЕЙНРНПШЕ МЮХАНКЕЕ ОНКЕГМШЕ
НАЗЕЙРШ Navigator▓Ю, БЙКЧВЮЪ НЙМЮ, ТПЕИЛШ, ДНЙСЛЕМР, ТНПЛШ,
ЛЕЯРНОНКНФЕМХЕ, Х ХЯРНПХЧ.
3.3.1 window Х Frame
НАЗЕЙРШ.
нАЗЕЙР window - "ПНДХРЕКЭЯЙХИ" НАЗЕЙР ДКЪ БЯЕУ ДПСЦХУ
НАЗЕЙРНБ Б Navigator▓Е. лНФМН ЯНГДЮРЭ МЕЯЙНКЭЙН НЙНМ Я ОНЛНЫЭЧ
JavaScript-ОПХКНФЕМХИ. нАЗЕЙР Frame - НОПЕДЕКЪЕРЯЪ Я ОНЛНЫЭЧ РЕЦЮ
FRAME Б ПЮГДЕКЕ FRAMESET. Frame ХЛЕЕР РЕ ФЕ ЯБНИЯРБЮ Х ЛЕРНДШ, ВРН Х
window Х НРКХВЮЧРЯЪ РНКЭЙН ЯОНЯНАНЛ БШБНДЮ. нАЗЕЙР window ХЛЕЕР
ЛМНЦНВХЯКЕММШЕ ОНКЕГМШЕ ЛЕРНДШ:
open Х close: нРЙПШБЮЕР Х ГЮЙПШБЮЕР НЙМН, ЛНФМН
ЯОЕЖХТХЖХПНБЮРЭ ПЮГЛЕП НЙМЮ, ЕЦН ЙНМРЕЙЯР - ХЛЕЕР КХ ЙМНОЙХ, ЯЯШКЙХ
Х ДПСЦХЕ ЮРПХАСРШ.
alert: бШБНДХР ЮБЮПХИМШИ АНЙЯ Я ЯННАЫЕМХЕЛ.
confirm: бШБНДХР ДХЮКНЦНБШИ АНЙЯ Я ЙМНОЙЮЛХ OK Х
Cancel.
prompt: бШБНДХР ДХЮКНЦНБШИ АНЙЯ Я РЕЙЯРНБШЛ ОНКЕЛ ДКЪ
ББНДЮ ГМЮВЕМХЪ.
blur Х focus: сАХПЮЕР ХКХ ДЮЕР ТНЙСЯ НЙМС.
scroll: яЙПНККХПСЕР НЙМН Й СЙЮГЮММНИ ЙННПДХМЮРЕ.
setTimeout: нЖЕМХБЮЕР БШПЮФЕМХЪ ОНЯКЕ СЙЮГЮММНЦН
БПЕЛЕМХ
window ХЛЕЕР РЮЙФЕ ДБЮ ЯБНИЯРБЮ, ЙНРНПШЕ ЛНЦСР АШРЭ
ОНКЕГМШ:location Х status. лНФМН МЮОПЮБХРЭ ЙКХЕМРЮ Й ДПСЦНЛС URL.
мЮОПХЛЕП, ЯКЕДСЧЫЕЕ ОПЕДКНФЕМХЕ МЮОПЮБКЪЕР ЙКХЕМРЮ Й ДНЛЮЬМЕИ
ЯРПЮМХЖЕ Netscape, ЙЮЙ АСДРН НМ БНЯОНКЭГНБЮКЯЪ ЦХОЕПЯЯШКЙНИ ХКХ
ГЮЦПСГХК URL:
location = "http://home.netscape.com"
status ЛНФМН ХЯОНКЭГНБЮРЭ, ВРНАШ ОНЯКЮРЭ ЯННАЫЕМХЕ Б
ЯРПНЙС ЯРЮРСЯЮ, МЮУНДЪЫСЧЯЪ БМХГС ЙКХЕМРЯЙНЦН НЙМЮ.
3.3.2 нАЗЕЙР
document.
оНЯЙНКЭЙС write Х writeln ЛЕРНДШ ЦЕМЕПХПСЧР HTML,
НАЗЕЙР document- НДХМ ХГ МЮХАНКЕЕ ОНКЕГМШУ НАЗЕЙРНБ Navigator▓Ю.
яРПЮМХЖЮ ХЛЕЕР РНКЭЙН НДХМ НАЗЕЙР ЙКЮЯЯЮ document. нМ ХЛЕЕР ПЪД
ЯБНИЯРБ, ЙНРНПШЕ НРПЮФЮЧР ЖБЕР ТНМЮ, РЕЙЯРЮ, Х ЯЯШКНЙ МЮ ЯРПЮМХЖЕ:
bgColor, fgColor, linkColor, alinkColor, Х vlinkColor. дПСЦХЕ
ОНКЕГМШЕ ЯБНИЯРБЮ ДНЙСЛЕМРЮ БЙКЧВЮЧР lastModified - ДЮРС ОНЯКЕДМЕЦН
ХГЛЕМЕМХЪ ДНЙСЛЕМРЮ, referrer- ОПЕДШДСЫХИ URL, ОНЯЕЫЕММШИ ЙКХЕМРНЛ,
Х URL - URL ЯЮЛНЦН ДНЙСЛЕМРЮ. нАЗЕЙР document - ОПЕДНЙ ДКЪ Anchor,
Applet,Area, Form, Image, Link, and Plugin НАЗЕЙРНБ Б ЯРПЮМХЖЕ.
3.3.3 нАЗЕЙР
Form.
йЮФДЮЪ ТНПЛЮ Б ДНЙСЛЕМРЕ ЯНГДЮЕР НАЗЕЙР ЙКЮЯЯЮ form.
оНЯЙНКЭЙС ДНЙСЛЕМРШ ЛНФСР ЯНДЕПФЮРЭ АНКЕЕ, ВЕЛ НДМС ТНПЛС, НМХ
УПЮМЪРЭЯЪ Б БХДЕ ЛЮЯЯХБЮ. оЕПБЮЪ ТНПЛЮ (БЕПУМЪЪ Б ЯРПЮМХЖЕ ) -
form[0], БРНПЮЪ form[1], Х РЮЙ ДЮКЕЕ. рН ЕЯРЭ Б ДНОНКМЕМХЕ Й
НАПЮЫЕМХЧ Й ТНПЛЕ ОН ХЛЕМХ, ЛНФМН НАПЮЫЮРЭЯЪ Х Я ХЯОНКЭГНБЮМХЕЛ
ХМДЕЙЯЮ, МЮОПХЛЕП Й ОЕПБНИ ТНПЛЕ Б ДНЙСЛЕМРЕ ЛНФМН НАПЮРХРЭЯЪ
ЯКЕДСЧЫХЛ НАПЮГНЛ:
document.forms [0]
юМЮКНЦХВМН, ЩКЕЛЕМРШ Б ТНПЛЕ, РХОЮ РЕЙЯРНБШУ ОНКЕИ,
ПЮДХН-ЙМНОНЙ, Х РЮЙ ДЮКЕЕ, НПЦЮМХГНБЮМШ Б ЛЮЯЯХБШ ЩКЕЛЕМРНБ. рЮЙ,
ЛНФМН НАПЮРХРЭЯЪ Й ОЕПБНЛС ЩКЕЛЕМРС (МЕГЮБХЯХЛН НР РНЦН, ЙЮЙНИ ЩРН
ЩКЕЛЕМР) Б ОЕПБНИ ТНПЛЕ ЙЮЙ
document.forms[0].elements[0].
йЮФДШИ ЩКЕЛЕМР ТНПЛШ ХЛЕЕР БНГЛНФМНЯРЭ ЯНЯКЮРЭЯЪ МЮ
ПНДХРЕКЭЯЙСЧ ТНПЛС. щРН НЯАЕММН ОНКЕГМН Б ОПНЦПЮЛЛЮУ- НАПЮАНРВХЙЮУ
ЯНАШРХИ, ЦДЕ ЛНФМН НАПЮРХРЭЯЪ Й ДПСЦНЛС ЩКЕЛЕМРС РЕЙСЫЕИ ТНПЛШ. б
ЯКЕДСЧЫЕЛ ОПХЛЕПЕ, ТНПЛЮ myForm ЯНДЕПФХР НАЗЕЙР text Х button. йНЦДЮ
ОНКЭГНБЮРЕКЭ МЮФХЛЮЕР ЙМНОЙС, ГМЮВЕМХЕ НАЗЕЙРЮ text ЛЕМЪЕРЯЪ МЮ
МЮГБЮМХЕ ТНПЛШ. onClick ОПНЦПЮЛЛЮ- НАПЮАНРВХЙ ЯНАШРХИ ХЯОНКЭГСЕР
this.form, ВРНАШ НАПЮРХРЭЯЪ Й ПНДХРЕКЭЯЙНИ ТНПЛЕ, myForm.
<FORM NAME="myForm">
Form name:<INPUT TYPE="text" NAME="text1"
VALUE="Beluga">
<P>
<INPUT NAME="button1" TYPE="button" VALUE="Show Form
Name" onClick="this.form.text1.value=this.form.name">
</FORM>
3.4 хЯОНКЭГНБЮМХЕ НЙНМ Х
ТПЕИЛНБ.
JavaScript ОНГБНКЪЕР ЯНГДЮБЮРЭ НЙМЮ Х ТПЕИЛШ Х
СОПЮБКЪРЭ ХЛХ, ВРН МЕНАУНДХЛН ДКЪ НПЦЮМХГЮЖХХ HTML-ЯРПЮМХЖ. нАЗЕЙР
window - ЯЮЛШИ БЕПУМХИ НАЗЕЙР Б ХЕПЮПУХХ ЙКХЕМРНБ JavaScript; frame-
ОНУНФХЕ МЮ window НАЗЕЙРШ, МН ЯННРБЕРЯРБСЧР ⌠ОНДНЙМЮЛ■, ЯНГДЮММШЛ Я
РЕЦНЛ FRAME Б ПЮГДЕКЕ FRAMESET.
3.4.1 нРЙПШРХЕ Х ГЮЙПШРХЕ
НЙНМ.
нЙМН ЯНГДЮЕРЯЪ ЮБРНЛЮРХВЕЯЙХ, ЙНЦДЮ ГЮОСЯЙЮЕРЯЪ
Navigator; ЛНФМН НРЙПШРЭ ДПСЦНЕ НЙМН, БШАХПЮЪ New Web Browser НР
ЛЕМЧ File. лНФМН РЮЙФЕ НРЙПШРЭ Х ГЮЙПШРЭ НЙМН ОПНЦПЮЛЛМН Я ОНЛНЫЭЧ
JavaScript. нРЙПШРХЕ НЙМЮ. лНФМН ЯНГДЮРЭ НЙМН Я ОНЛНЫЭЧ ЛЕРНДЮ open.
яКЕДСЧЫХИ НОЕПЮРНП ЯНГДЮЕР НЙМН, МЮГШБЮЕЛНЕ msgWindow, ЙНРНПНЕ
БШБНДХР ЯНДЕПФХЛНЕ ТЮИКЮ sesame.html:
msgWindow=window.open("sesame.html")
еЫЕ НДХМ ОПХЛЕП: ЯНГДЮЕРЯЪ НЙМН, ЙНРНПНЕ МЮГШБЮЕРЯЪ homeWindow,
ЙНРНПНЕ БШБНДХР ДНЛЮЬМЧЧ ЯРПЮМХЖС
Netscape:
homeWindow=window.open("http://home.netscape.com")
нЙМЮ ЛНЦСР ХЛЕРЭ ДБЮ ХЛЕМХ. яКЕДСЧЫХИ НОЕПЮРНП
ЯНГДЮЕР НЙМН ЯДБСЛЪ ХЛЕМЮЛХ. оЕПБНЕ ХЛЪ msgWindow, ЛНФМН ХЯОНКЭГН-
БЮРЭ ДКЪ НОПЕДЕКЕМХЪ ЯБНИЯРБ НЙМЮ, ЕЦН ЛЕРНДНБ, БРНПНЕ ХЛЪ
displayWindow, ЛНФЕР ХЯОНКЭГНБЮРЭЯЪ ДКЪ СЙЮГЮМХЪ ТНПЛ:
msgWindow=window.open("sesame.html","displayWindow")
хЛЪ НЙМЮ МЕ РПЕАСЕРЯЪ ОПХ ЕЦН ЯНГДЮМХХ. мН, ЕЯКХ
МЕНАУНДХЛН НАПЮРХРЭЯЪ Й МЕЛС ХГ ДПСЦНЦН НЙМЮ, РН ХЛЪ НАЪГЮРЕКЭМН.
йНЦДЮ НЙМН НРЙПШБЮЕРЯЪ, ЛНФМН НОПЕДЕКХРЭ ЕЦН БШЯНРС Х ЬХПХМС,
СЙЮГЮРЭ ЯНДЕПФХР КХ НЙМН toolbar - КХМЕИЙС Я МЮАНПНЛ ЙМНОНЙ ДКЪ
СОПЮБКЕМХЪ, location - ЯРПНЙС, Б ЙНРНПНИ БШБНДХРЯЪ URL РЕЙСЫЕИ
ЯРПЮМХЖШ, ХКХ scrollbars - ЯПЕДЯРБН ДКЪ ЯЙПНККХМЦЮ. яКЕДСЧЫХИ
НОЕПЮРНП ЯНГДЮЕР НЙМН АЕГ toolbar, МН Я
scrollbars:
MsgWindow=window.open ( "sesame.html", "displayWindow",
"toolbar=no, scrollbars=yes " )
гЮЙПШРХЕ НЙМЮ. лНФМН ГЮЙПШРЭ НЙМН Я ОНЛНЫЭЧ ЛЕРНДЮ
close. мЕКЭГЪ ГЮЙПШРЭ frame АЕГ ГЮЙПШРХЪ ПНДХРЕКЭЯЙНЦН НЙМЮ. йЮФДНЕ
ХГ ЯКЕДСЧЫХУ СРБЕПФДЕМХИ ГЮЙПШБЮЕР РЕЙСЫЕЕ НЙМН:
Window.close ( )
self.close ( )
// МЕКЭГЪ ХЯОНКЭГНБЮРЭ ЯКЕДСЧЫХИ НОЕПЮРНП Б ОПНЦПЮЛЛЕ-НАПЮАНРВХЙЕ ЯНАШРХИ
close()
яКЕДСЧЫЕИ НОЕПЮРНП ГЮЙПШБЮЕР НЙМН, МЮГБЮММНЕ msgWindow
msgWindow.close()
3.4.2 хЯОНКЭГНБЮМХЕ
ТПЕИЛНБ.
тПЕИЛ- ЯОЕЖХЮКЭМШИ РХО НЙМЮ. мЕЯЙНКЭЙН ТПЕИЛНБ ЛНЦСР
АШРЭ ОНЙЮГЮМШ МЮ ЩЙПЮМЕ НДМНБПЕЛЕММН Я МЕГЮБХЯХЛШЛХ КХМЕИЙЮЛХ
ОПНЙПСРЙХ, ЙЮФДШИ ЛНФЕР ЯЯШКЮРЭЯЪ МЮ ЯБНИ URL. б ЯКЕДСЧЫЕЛ ОПХЛЕПЕ
МЮ ЩЙПЮМЕ ХГНАПЮФЮЧРЯЪ РПХ ТПЕИЛЮ. нАПЮГ ЩРНЦН ЩЙПЮМЮ ОНЙЮГЮМ МЮ
ПХЯСМЙЕ.
тПЕИЛ ЯКЕБЮ ББЕПУС, ХЛЕЕР ХЛЪ listFrame; ТПЕИЛ ЯОПЮБЮ
ББЕПУС, ХЛЕЕР ХЛЪ contentFrame; Х ТПЕИЛ БМХГС, ХЛЕЕР ХЛЪ
navigateFrame. бЕПУМХЕ ТПЕИЛШ ГЮМХЛЮЧР 90% БШЯНРШ, КЕБШИ ТПЕИЛ
ГЮМХЛЮЕР 30% ЬХПХМШ.
<FRAMESET ROWS="90%,10%">
<FRAMESET COLS="30%,70%">
<FRAME SRC=category.html NAME="listFrame">
<FRAME SRC=titles.html NAME="contentFrame">
</FRAMESET>
<FRAME SRC=navigate.html NAME="navigateFrame">
</FRAMESET>
яКЕДСЧЫЮЪ ДХЮЦПЮЛЛЮ ОНЙЮГШБЮЕР ХЕПЮПУХЧ ТПЕИЛНБ.
бЯЕ РПХ ТПЕИЛЮ ХЛЕЧР НДМНЦН Х РНЦН ФЕ ПНДХРЕКЪ,
МЕЯЛНРПЪ МЮ РН, ВРН ДБЮ ХГ МХУ НОПЕДЕКЕМШ Б НРДЕКЭМНЛ frameset. щРН
ОНРНЛС, ВРН ПНДХРЕКЭ ТПЕИЛЮ - ПНДХРЕКЭЯЙНЕ НЙМН, a МЕ
frameset.
бЕПЬХМЮ
|
+---- listFrame (category.html)
|
+---- contentFrame (titles.html)
|
+---- navigateFrame (navigate.html)
й ОПЕДШДСЫХЛ ТПЕИЛЮЛ ЛНФМН НАПЮРХРЭЯЪ ЯКЕДСЧЫХЛ
НАПЮГНЛ. ListFrame - top.frames [0] contentFrame - top.frames [1]
navigateFrame -top.frames [2]
оПХЛЕП 2. лНФМН ЯНГДЮРЭ НАПЮГ ЩЙПЮМЮ ОНДНАМН
ОПЕДШДСЫЕЛС ОПХЛЕПС, МН ДБЮ БЕПУМХУ ТПЕИЛЮ АСДСР ХЛЕРЭ ПНДХРЕКЪ
НРДЕКЭМН НР navigateFrame.
<FRAMESET ROWS="90%,10%">
<FRAME SRC=muskel3.html NAME="upperFrame">
<FRAME SRC=navigate.html NAME="navigateFrame">
</FRAMESET>
б ЩРНЛ FRAMESET НОПЕДЕКЪЧРЯЪ БЕПУМХИ Х МХФМХИ ТПЕИЛШ,
С ЙНРНПШУ ПНДХРЕКЕЛ АСДЕР НЙМН. тЮИК muskel3.html ЯНДЕПФХР ЯКЕДСЧЫСЧ
ХМТНПЛЮЖХЧ:
<FRAMESET COLS="30%,70%">
<FRAME SRC=category.html NAME="listFrame">
<FRAME SRC=titles.html NAME="contentFrame">
</FRAMESET>
яКЕДСЧЫЮЪ ДХЮЦПЮЛЛЮ ОНЙЮГШБЮЕР ХЕПЮПУХЧ ЯРПСЙРСП.
UpperFrame Х navigateFrame ХЛЕЧР ПНДХРЕКЕЛ НЙМН БЕПУМЕЦН СПНБМЪ, ДКЪ
ListFrame Х contentFrame ПНДХРЕКЕЛ ЪБКЪЕРЯЪ
upperFrame.
бЕПЬХМЮ
|
| +--listFrame (Category.html)
| |
+--upperFrame (Muskel3.html) --+
| |
| +--contentFrame (Titles.html)
+--navigateFrame (Navigate.html)
лНФМН НАПЮРХРЭЯЪ Й ОПЕДШДСЫХЛ ТПЕИЛЮЛ ЯКЕДСЧЫХЛ
НАПЮГНЛ:
UpperFrame - top.frames [0]
navigateFrame - top.frames [1]
listFrame - upperFrame.frames [0] ХКХ Top.frames [0] .frames [0]
contentFrame - upperFrame.frames [1] ХКХ top.frames [0] .frames [1]
3.4.3 нАМНБКЕМХЕ
ТПЕИЛНБ
лНФМН ХГЛЕМЪРЭ ЯНДЕПФХЛНЕ ТПЕИЛНБ, ХЯОНКЭГСЪ ЯБНИЯРБН
location, ДКЪ СЯРЮМНБЙХ МНБНЦН URL. мЮОПХЛЕП ОПЕДОНКНФХЛ, ВРН ЛШ
УНРХЛ ОНГБНКХРЭ ОНКЭГНБЮРЕКЧ ГЮЙПШБЮРЭ БЯЕ ТПЕИЛШ, Х БХДЕРЭ РНКЭЙН
ЮММНРЮЖХХ СВЕАМХЙНБ. б ЩРНЛ ЯКСВЮЕ МЕНАУНДХЛН ДНАЮБХРЭ ЯКЕДСЧЫСЧ
ЙКЮБХЬС Б navigateFrame:
<INPUT TYPE="button" VALUE="Titles Only"
onClick="top.location='annotation.html'">
йНЦДЮ ОНКЭГНБЮРЕКЭ МЮФЛЕР ЩРС ЙКЮБХЬС, ТЮИК
annotation.html ГЮЦПСГХРЭЯЪ Б РЕЙСЫЕЕ НЙМН, Ю ТПЕИЛШ navigateFrame,
listFrame Х contentFrame ГЮЙПНЧРЯЪ Х АНКЭЬЕ МЕ ЯСЫЕЯРБСЧР. оПХЛЕП
ЯНГДЮМХЪ Х НАМНБКЕМХЪ ТПЕИЛНБ. оПЕДОНКНФХЛ, ВРН:
-ТЮИК category.html, ГЮЦПСФЮЕРЯЪ БН ТПЕИЛ listFrame,
ЯНДЕПФХР ЯОХЯНЙ ЮБРНПНБ СВЕАМХЙНБ, ПЮЯЯНПРХПНБЮММШУ ОН
ЙЮРЕЦНПХЪЛ.
-ТЮИК titles.html, ГЮЦПСФЮЕРЯЪ БН ТПЕИЛ contentFrame,
ЯНДЕПФХР ЮКТЮБХРМШИ ЯОХЯНЙ ЮБРНПНБ Х МЮГБЮМХЪ СВЕАМХЙНБ.
-ТЮИК navigate.html, ГЮЦПСФЮЕРЯЪ БН ТПЕИЛ
navigateFrame, ЯНДЕПФХР ЦХОЕПРЕЙЯРНБШЕ ЯЯШКЙХ, ОНКЭГНБЮРЕКЭ ЛНФЕР
БШАПЮРЭ ЯОНЯНА БШБНДЮ ЮБРНПНБ - ОН ЮКТЮБХРС ХКХ ОН ЙЮРЕЦНПХЪЛ. щРНР
ТЮИК ЯНДЕПФХР РЮЙФЕ ЦХОЕПРЕЙЯРНБШЕ ЯЯШКЙХ, ДКЪ РНЦН ВРНАШ
ОНКЭГНБЮРЕКЭ ЛНЦ БШГБЮРЭ НОХЯЮМХЕ ЙЮФДНЦН СВЕАМХЙЮ.
б ДНОНКМХРЕКЭМНЛ ТЮИКЕ alphabet.html ЯНДЕПФХРЯЪ
ЯОХЯНЙ ЮБРНПНБ СВЕАМХЙНБ, НРЯНПРХПНБЮММШУ ОН ЮКТЮБХРС. щРНР ТЮИК
БШБНДХРЯЪ Б listFrame, ЙНЦДЮ ОНКЭГНБЮРЕКЭ БШАХПЮЕР ЯЯШКЙС ДКЪ
ЮКТЮБХРМНЦН ЯОХЯЙЮ. тЮИК category.html ЛНФЕР БШЦКЪДЕРЭ ЯКЕДСЧЫХЛ
НАПЮГНЛ:
<P><FONT SIZE=+4>йЮРЮКНЦ:</FONT></P>
<P>тХГХЙЮ</P>
<LI><A HREF=titles.html#0005
TARGET="contentFrame">дФ.нПХП</A>
<LI><A HREF=titles.html#0001
TARGET="contentFrame">б.дЕЛЙНБХВ</A>
<LI><A HREF=titles.html#0002
TARGET="contentFrame">б.гСАНБ</A>
<LI><A HREF=titles.html#0010
TARGET="contentFrame">б.ьЮКЭМНБ</A>
<P>лЮРЕЛЮРХЙЮ</P>
<LI><A HREF=titles.html#0011
TARGET="contentFrame">л.яЙЮМЮБХ</A>
<LI><A HREF=titles.html#0003
TARGET="contentFrame">ю.йСРЮЯНБ</A>
<LI><A HREF=titles.html#0012
TARGET="contentFrame">р.ъЙНБКЕБЮ</A>
<P>хМТНПЛЮРХЙЮ</P>
<LI><A HREF=titles.html#0006
TARGET="contentFrame">ч.яЕЛЕМНБ</A>
<LI><A HREF=titles.html#0004
TARGET="contentFrame">о.мНРНМ</A>
тЮИК alphabet.html :
<LI><A HREF=titles.html#0001
TARGET="contentFrame">б.дЕЛЙНБХВ</A>
<LI><A HREF=titles.html#0002
TARGET="contentFrame">б.гСАНБ</A>
<LI><A HREF=titles.html#0003
TARGET="contentFrame">ю.йСРЮЯНБ</A>
<LI><A HREF=titles.html#0004
TARGET="contentFrame">о.мНРНМ</A>
<LI><A HREF=titles.html#0005
TARGET="contentFrame">дФ.нПХП</A>
<LI><A HREF=titles.html#0006
TARGET="contentFrame">ч.яЕЛЕМНБ</A>
...
тЮИК navigate.html;
<A HREF=alphabet.html TARGET="listFrame">
<B>юКТЮБХРМШИ</B></A>
<A HREF=category.html TARGET="listFrame"> <B>оН ОПЕДЛЕ-
РЮЛ</B></A>
<A HREF=annotation.html TARGET=_parent>
<B>юММНРЮЖХЪ</B></A>
<FORM NAME="form1">
<INPUT TYPE="button" VALUE="Titles Only"
onClick="top.location='annotation.html'">
</FORM>
тЮИК titles.html;
<A NAME="0001"><H3>б.дЕЛЙНБХВ</H3></A>
<P>яАНПМХЙ БНОПНЯНБ Х ГЮДЮВ ОН ТХГХЙЕ
<A NAME="0002"><H3>б.гСАНБ</H3></A>
<P>гЮДЮВХ ОН ТХГХЙЕ
<A NAME="0003"><H3>ю.йСРЮЯНБ</H3></A>
<P>оНЯНАХЕ ОН ЛЮРЕЛЮРХЙЕ
<A NAME="0004"><H3>о.мНРНМ</H3></A>
<P>оНЯНАХЕ ОН JAVA
<A NAME="0005"><H3>дФ.нПХП</H3></A>
<P>тХГХЙЮ
...
пЮАНРЮЧЫСЧ ХККЧЯРПЮЖХЧ ЩРНЦН ОПХЛЕПЮ ЛНФМН ОНЯЛНРПЕРЭ
ОН ЙМНОЙЕ