În procesul de depanare și testare a codului, metodele sunt folosite pentru a afișa text simplu pe consolă sau pe pagina web pentru a confirma că se execută o anumită parte a programului. JavaScript oferă DOM-ul HTML „ document.writeln ()” pentru a efectua această sarcină.
Acest blog explică procedura de a scrie pe un document HTML folosind metoda document.writeln().
Cum se scrie în HTML DOM cu metoda document writeln()?
„ document.writeln ()” metoda imprimă textul pe o pagină web și atunci când este folosită de-a lungul „< pre >”, textul este tipărit pe o nouă linie de fiecare dată.
Sintaxă
Sintaxa pentru metoda JavaScript document.writeln() este prezentată mai jos:
document. scrieln ( valoare )
„Valoarea” poate fi un șir variabil sau text simplu, care se anexează direct pe pagina web. De asemenea, pot fi transmise mai multe valori, separându-le cu virgulă.
Să avem o implementare practică.
Exemplul 1: Inserarea dinamică a mai multor valori
În acest exemplu, valorile multiple în format text simplu vor fi afișate pe pagina web la interacțiunea utilizatorului cu butonul:
< centru >
< stilul h1 = 'culoare: cadetblue;' > Linux h1 >
< butonul ondblclick = 'Introduce()' > buton >
centru >
< scenariu >
funcţie insertor ( ) {
document. scrieln ( „Aceasta este o parte inițială” , „Este partea finală” ) ;
}
scenariu >
Explicația codului de mai sus este prezentată astfel:
- În primul rând, este creat butonul care folosește „ ondblclick ” ascultător de evenimente pentru a invoca „ insertor ()”.
- În continuare, „ document.writeln ()” metoda care are două valori în format text simplu este utilizată în interiorul „ insertor ()”. Aceasta va afișa textul furnizat pe pagina web atunci când utilizatorul face dublu clic pe buton.
Ieșirea generată după compilare este afișată ca:
Rezultatul de mai sus confirmă faptul că datele furnizate au fost tipărite pe pagina web.
Exemplul 2: Utilizarea metodei Document writeln() de-a lungul etichetei
În acest exemplu, „< pre >” eticheta va fi folosită în jurul valorii care va fi transmisă în interiorul „ document.writeln ()” metoda. Pentru a afișa fiecare valoare pe noua linie. Codul este prezentat mai jos:
< scenariu >document. scrieln ( „
Aceasta este o parte inițială”) ; document. scrieln ( „Este partea finală” ) ;
scenariu >
În rândul de cod de mai sus, valorile care urmează să fie afișate de ambele „ scrieln ()” metodele sunt împachetate cu un singur „< pre >”, pentru a le face să se afișeze pe linii noi separate.
Ieșirea pentru linia de cod de mai sus arată astfel:
Rezultatul arată că fiecare valoare este afișată pe o nouă linie atunci când este redată pe pagina web.
Concluzie
DOM-ul HTML „ document writeln() Metoda ” este folosită practic pentru a insera text peste pagina web, textul este trecut în parantezele sale și pentru mai multe textele sunt separate prin virgulă. Această metodă afișează textul pe o nouă linie atunci când este înfășurat în interiorul „< pre >” etichetă. Acest blog a explicat cu succes metoda document.writeln().