Ghid de referință JavaScript

Rețineți că trebuie să vă gestionați procesul de creare a ferestrei. De exemplu, puteți specifica dacă noua fereastra va avea o bara de stare, bara de instrumente, meniu, sau bara de defilare. În plus, puteți specifica dimensiunea ferestrei. Luați în considerare următorul exemplu creează o dimensiune 250x100 pixeli a ferestrei, care nu are nici o bara de stare, nici o bara de meniu, nici un meniu, fără bare de derulare.

După cum se vede în exemplu, fereastra de proprietăți sunt înregistrate în rândul „width = 250, height = 100, stare = nu, bara de instrumente = nu, menubar = nu, scrollbar = nu“. care ar trebui să acorde o atenție la ceea ce nu pune-l în caractere spațiu.

deschis () și închide () - această metodă de fereastră. Trebuie să ne amintim că este necesar să se scrie, nu doar deschis () și închide (). un window.open () și window.close (). Cu toate acestea, în acest caz, obiectul fereastră poate fi omisă - nu este nevoie să scrie fereastra prefix. Dacă doriți să apelați o metodă a acestui obiect (acest lucru este valabil numai pentru acest obiect).

O modalitate de a obține mai multe fișiere HTML pe ecranul utilizatorului - este de a deschide mai multe ferestre de browser. O altă modalitate este de a sparge fereastra în mai multe secțiuni. Aceste zone sunt numite cadre. Fiecare cadru prezinta HTML document. Fiecare cadru poate avea bare de derulare, link-uri, grafica, etc. Cadre poate funcționa independent sau pot interfera între ele folosind link-uri ce indică spre alte cadre.
Pentru a utiliza cadrele trebuie să fie de cel puțin trei fișiere: fișierul ustanovachny și două fișiere HTML inițial. fișier Ustanovachny atribuie fișiere sursă HTML pentru fiecare dintre ferestre, dar nu conține propriul text sau grafice. Fișierele inițiale HTML emise în cadre și, la fel ca orice alt fișier poate conține link-uri, imagini, script-uri, și așa mai departe.
Pentru a crea un cadru de montaj este necesar două etichete: și . HTML-pagini create cadre pot fi, în general, după cum urmează:

Graficul următor arată fereastra care conține trei cadre: Acest cadru este Acest cadru este numit listFrame numit contentFrame | | | | ------------- v ------------------------------ v ----- ----- | Music Club | Toshiko Akiyoshi | | Artisti | Interlude | | | | | Jazz | The Beatles | | - T. Akiyoshi | Vă rugăm să vă rog să mă | | - J. Coltrane | | | - M. Davis | Betty Carter | | - D. Gordon | Ray Charles și Betty Carter | | | | | suflet | Jimmy Cliff | | - B. Carter | Ei vin atât mai greu | | - R. Charles | | |. |. | -------------------------------------------------- ----- | Alfabeticã Descrieri categorie Musician | * --------------------------------- ---------------- ----- | | Acest cadru este denumit Exemplul navigateFrame 1. Următoarea declarație creează un frameset, așa cum se arată în graficul anterior.

Graficul de mai jos arată ierarhia de cadre. Toate cele trei cadre au același părinte, chiar dacă două dintre cadrele sunt definite într-o structură separată. Acest lucru se datorează faptului că părintele are un rame de ferestre părinte, iar rama nu este situată într-un frameset, definește o fereastră. top | + - listFrame (Category.html) | + - contentFrame (Titles.html) | + - navigateFrame (Navigate.html)

Puteți consulta cadrele anterioare utilizând matrice de cadre după cum urmează. (Pentru informații privind gama de cadre. A se vedea, obiectul cadrului.)

• listFrame - top.frames [0]
• contentFrame - [1] top.frames
• navigateFrame - top.frames [2]

Exemplul 2: Puteți crea o fereastră ca cea anterioară, dar în care partea de sus a celor două cadre sunt separate de părintele navigateFrame. Nivelul superior framesetul ar fi definită după cum urmează:

fișier Muskel3.html conține următoarele afirmații la cadrul de sus și de a defini frameset:

Graficul de mai jos arată ierarhia de cadre. UpperFrame și navigateFrame mamă: fereastra de sus. ListFrame și contentFrame mamă: upperFrame. top | | + - listFrame | | (Category.html) + --- upperFrame ------ | | (Muskel3.html) | | + - contentFrame | (Titles.html) | + --- navigateFrame (Navigate.html)

Puteți consulta cadrele anterioare utilizând matrice de cadre după cum urmează. (Pentru informații despre cadrele de matrice. A se vedea, obiectul cadrului.)

• upperFrame - top.frames [0]
• navigateFrame - [1] top.frames
• listFrame - upperFrame.frames [0] sau top.frames [0] .frames [0]
• contentFrame - upperFrame.frames [1] sau top.frames [0] .frames [1]

o modificare a cadrului

De exemplu, să presupunem că utilizați framesetul, descrisă în exemplul 2, în exemplul anterior. Dacă doriți ca utilizatorul să fie capabil să închidă cadrul care conține o listă de artiști (în listFrame cadru) și prosmatr numai titluri muzicale, sortate muzician (în prezent contentFrame cadru), puteți adăuga acest buton pentru a navigateFrame.

Dacă doriți ca utilizatorul să închidă cadrul care conține o listă de artiști (în cadru listframe) și doar în căutarea de titluri muzicale, sortate muzician (în prezent contentFrame cadru), puteți adăuga acest buton pentru a navigateFrame.

Atunci când utilizatorul face clic pe acest buton, fișier Artists.html upperFrame este încărcat în cadru; rame listFrame și contentFrame închise și nu mai există.

Manipularea și upravlyanie între cadre

Deoarece frame-uri - un tip de fereastră, vă referiți la cadre și să navigați printre cadre precum și o fereastră. A se vedea, de asemenea: apel la ferestre și tocurile și gestionarea fereastră

exemplu Rame

fișier navigate.html (link-uri de navigare în partea de jos a ecranului) conține următorul cod: AlphabeticalBy categoryMusician Descrieri

fișier Titles.html (fișierul principal, așa cum se arată în cadru pe dreapta) conține următorul cod:

Toshiko Akiyoshi

The Beatles

Vă rugăm să vă rog să mă

betty Carter

Ray Charles și Betty Carter.

Pentru mai multe informații despre crearea unui cadru, a se vedea obiectul cadru.

Numele pe care îl utilizați pentru a se referi la fereastra, în funcție de faptul dacă accesați proprietățile, metodele și manipulatorii de evenimente ale ferestrei sau - aplicarea pe fereastră ca o linie care indică numele subformular ferestrei sau hyperlink.

Apel la fereastra proprietățile, metodele și Stivuitoare eveniment sobitiya

Pentru mai multe informații, se referă la aceste metode, fereastra aspectul ferestrei.

Exemplul 1: O referință la fereastra curentă. Expresia următoare se referă la forma cu musicForm nume în fereastra curentă. Expresia dă un avertisment în cazul în care este selectat butonul radio. if (self.document.musicForm.checkbox1.checked)

EXEMPLUL 2: referire la o altă fereastră. Următoarele afirmații se referă la forma cu musicForm numele în fereastra checkboxWin. Expresia se determină dacă comutatorul selectat, comutatorul menționat determina dacă a doua opțiune este selectată obiect selectat, selectează a doua opțiune este selectată obiect. Chiar dacă valoarea obiectului schimbat checkboxWin. fereastra curentă rămâne activă: comutatorul de verificare și selectând opțiunea de selecție nu oferă focalizarea pe fereastră. // Determina dacă butonul radio este selectat în cazul în care (checkboxWin.document.musicForm.checkbox2.checked) // comuta desene checkboxWin.document.musicForm.checkbox2.checked = true // Definește dacă opțiunea este selectată în obiectul selectat dacă (checkboxWin.document.musicForm.musicTypes.options [1] .selected) // selectează o opțiune în obiect selectați checkboxWin .document.musicForm.musicTypes.selectedIndex = 1

Exemplul 3: O referință la un cadru într-o altă fereastră. Expresia următoare se referă la un cadru frame2 numit. care se află în caseta cu numele window2. Exprimarea frame2 schimba culoarea de fundal violet. numele de frame2 cadru. Acesta trebuie să fie determinată în tag-ul , care creează un frameset. Window2.frame2.document.bgColor = "violet"

Recurs la subformular ferestrei sau hyperlink-

Utilizați numele ferestrei, atunci când ea se întoarse spre fereastră ca o linie care indică numele subformular ferestrei sau hyperlink-uri (tag-uri de atribut TARGET

sau ).

Exemplul 1: O a doua fereastră. Următorul exemplu creează un hyperlink la a doua fereastră. Exemplul are un buton care se deschide o fereastra cu numele window2. și un link care descarcă Doc2.html fișier în fereastra deschisă, și un alt buton care închide fereastra.

Exemplul 2: ancora într-o a doua fereastră. Următorul exemplu creează un hyperlink la ancora într-o a doua fereastră. Comunicarea afișează numerele de ancora numit în fișierul Doc2.html în fereastra window2. Dacă window2 nu există, creați. numerele

Exemplul 3: Numele cadrului. Exemplul următor creează un hyperlink la ancora în cadru. display-uri de comunicare ancora numita abs_method în cadru fișier Sesame.html cu numele „contentFrame“. Cadre trebuie să fie într-o structură de curent, precum și numele cadrului trebuie să fie determinată în atributul NAME al tag . abs

Exemplul 4: numele literal al cadrului. Următorul exemplu creează un hyperlink la dosar. Link-ul afișează Artists.html numele fișierului în fereastra părinte a frameset curente. Acest obiect de referință apare într-un cadru într-o structură, iar atunci când utilizatorul face clic pe link-ul, toate cadrele din dispar, iar frameset fișierul este încărcat Artists.html în fereastra părinte. Descrieri Musician

Fereastră activă - o fereastră care are focalizare. Atunci când o fereastră are focalizare, a adus în prim plan și de a schimba un mod vizual. De exemplu, bara de titlu a ferestrei mogzhet fi schimbat într-o culoare diferită. Echipa Visual apela programul variază în funcție de platforma pe care îl utilizați.

Exemplul 1: Transferul de obiect se concentreze într-o altă fereastră. Expresia următoare dă focalizarea obiectului text cu numele orașului în fereastra checkboxWin. Deoarece obiectul text primește focalizarea, de asemenea, checkboxWin primește focusul și devine fereastra activă. Exemplul arată, de asemenea, expresie care creează checkboxWin. sheckboxWin = window.open ( "Doc2.html"). checkboxWin.document.musicForm.city.focus ()

Exemplul 2: focus de transmisie la o altă fereastră, prin utilizarea hiperlinkuri. Expresia următoare definește window2 ca hyperlink țintă. Atunci când utilizatorul face clic pe link-ul, accentul este trecut window2. Dacă window2 nu există, este creat. Încărcați un fișier în window2