Învățarea javascript

Ca rezultat, vor fi create două cadre. Este posibil să observați că în cadru folosim proprietatea rândurilor. Aceasta înseamnă că cele două cadre vor fi situate una deasupra celeilalte. Pagina HTML1.htm a paginii HTML va fi încărcată în cadrul superior. iar în cadrul inferior va fi plasat documentul page2.htm. Structura finală a cadrului va arăta astfel:







Când creați pagini web, puteți utiliza mai multe etichete imbricate . Următorul exemplu pe care l-am găsit în documentația furnizată de Netscape (și ușor modificată):

Ca rezultat, structura cadru creată va arăta astfel:

Puteți specifica grosimea marginii dintre cadre utilizând eticheta parametru de frontieră. Limita de intrare = 0 înseamnă că nu doriți nici o margine între etichete (în Netscape 2.x un astfel de mecanism nu funcționează).

În partea de sus a ierarhiei este fereastra browserului. În acest caz, este împărțit în două cadre. Astfel, fereastra, ca obiect este părintele, părintele acestei ierarhii (părinte), iar cele două cadre - astfel, ei descendenților (copii). Am atribuit aceste două cadre un nume unic - frame1 și frame2. Și cu ajutorul acestor nume putem schimba informații cu două cadre specificate.
Cu ajutorul unui script poate rezolva următoarea problemă: Utilizatorul face clic pe un link din primul cadru, dar pagina ar trebui să fie încărcate nu în același cadru, iar celălalt. Un exemplu al acestei probleme este pregătirea meniului (sau barele de navigare), în cazul în care un cadru rămâne mereu aceeași și oferă mai multe link-uri diferite pentru a explora mai departe acest site.






Pentru a rezolva această problemă, trebuie să luăm în considerare trei cazuri:

  • Fereastra / cadrul principal accesează cadrul copilului
  • cadrul copil primește acces la fereastra / rama părinte
  • cadrul copilului accesează un alt cadru copil

Din punctul de vedere al obiectului "fereastră", cele două cadre sunt numite frame1 și frame2. După cum puteți vedea în figura anterioară, există o relație directă între fereastra părinte și fiecare cadru. Deci, dacă scrieți un script pentru fereastra părinte - adică, pentru pagina care creează aceste cadre - atunci puteți accesa aceste cadre doar prin apelarea lor după nume. De exemplu, puteți scrie:

Și, în sfârșit, foarte des va trebui să rezolvați problema furnizării accesului de la un cadru-copil la alt cadru descendent. Deci, pe cât posibil, fiind în primul cadru, scrieți ceva în cel de-al doilea - adică, ce comandă ar trebui folosită pe pagina HTML1.htm. După cum puteți vedea în figura noastră, nu există o legătură directă între cele două cadre. Și de aceea nu putem numi doar frame2. fiind în cadrul cadru1. care pur și simplu nu știe nimic despre existența celui de-al doilea cadru. Din punctul de vedere al ferestrei părinte, cel de-al doilea cadru există și se numește frame2. iar fereastra parentală însăși poate fi accesată din primul cadru numit părinte. Astfel, pentru a accesa obiectul document situat în al doilea cadru, trebuie să scriem următoarele.

Să vedem cum sunt create panourile de navigare. Într-un singur cadru, creăm mai multe legături. Cu toate acestea, dacă vizitatorul activează oricare dintre ele, pagina corespunzătoare va fi plasată nu în același cadru, ci în următorul.

În primul rând, trebuie să scriem un script care creează cadrele specificate. Un astfel de document arată exact ca cel pe care l-am discutat mai devreme în această parte a descrierii:

Aici start.htm este pagina care va fi afișată inițial în cadrul principal. Nu avem cerințe specifice pentru conținutul acestei pagini. Următoarea pagină Web va fi încărcată în cadrul "meniu":

Dacă doriți să faceți funcția mai flexibilă, puteți utiliza opțiunea de a transmite o variabilă ca argument. Rezultatul va arata astfel: După aceea, puteți organiza un apel de funcție: loadtwo ( "first.htm", "second.htm") sau loadtwo ( "third.htm", "forth.htm"). Evident, trecerea argumentelor face ca funcția dvs. să fie mai flexibilă. Ca rezultat, îl puteți folosi în mod repetat și în contexte diferite.







Articole similare

Trimiteți-le prietenilor: