Javascript crearea ferestrelor

funcția closeIt () close ();
>





Crearea de documente dinamice

În primul rând, vom crea un document HTML simplu, pe care îl vom afișa într-o fereastră nouă. Luați în considerare următorul scenariu.







funcția openWin3 () myWin = deschis ("", "displayWindow",
"lățime = 500, înălțime = 400, stare = da, bara de instrumente = da, menubar = da");

// deschideți obiectul pentru imprimare ulterioară
myWin.document.open ();

// închideți documentul - (dar nu fereastra!)
myWin.document.close ();
>



În script, definim variabila myWin. Și cu ajutorul ei putem accesa noua fereastră. Rețineți că în acest caz nu putem folosi numele ferestrei (displayWindow) în acest scop.

După ce am deschis fereastra, este timpul să deschidem obiectul pentru scriere. Aceasta se face folosind comanda:








// deschideți obiectul pentru imprimare ulterioară
myWin.document.open ();


Aici ne referim la metoda open () a obiectului documentului. Cu toate acestea, aceasta nu este aceeași cu metoda open () a obiectului ferestrei! Această comandă nu deschide o fereastră nouă - pregătește doar documentul pentru viitoarea imprimare. În plus, trebuie să punem prefixul myWin în fața document.open () pentru a putea scrie într-o fereastră nouă.

În liniile ulterioare ale scriptului, folosind apelul la document.write (), se formează textul noului document:


După cum puteți vedea, aici vom scrie în documentul HTML etichetele obișnuite. Asta este, de fapt, generăm marcaj HTML! În acest fel, puteți utiliza absolut orice etichete HTML.

La sfârșitul acestui lucru, trebuie să închidem din nou documentul. Acest lucru se face cu următoarea comandă:


// închideți documentul - (dar nu fereastra!)
myWin.document.close ();


După cum am spus mai devreme, nu puteți crea numai dinamic documente, ci alegeți să le plasați într-un alt cadru. De exemplu, dacă aveți două cadre cu numele frame1 și frame2 și acum doriți să generați un nou document în frame2, atunci în frame1 trebuie doar să scrieți următoarele:

parent.frame2.document.write ("Aici merge codul HTML");







Articole similare

Trimiteți-le prietenilor: