Derinimo ir kodo testavimo procese naudojami metodai, kuriais konsolėje arba tinklalapyje rodomas paprastas tekstas, siekiant patvirtinti, kad vykdoma konkreti programos dalis. „JavaScript“ suteikia HTML DOM dokumentas.rašytinis ()“ metodą šiai užduočiai atlikti.
Šiame tinklaraštyje paaiškinama, kaip rašyti HTML dokumente naudojant document.writeln() metodą.
Kaip rašyti į HTML DOM naudojant Document writeln() metodą?
„ dokumentas.rašytinis ()“ metodas spausdina tekstą tinklalapyje ir, kai naudojamas kartu su „< išankstinis >“, tekstas kiekvieną kartą spausdinamas naujoje eilutėje.
Sintaksė
Document.writeln() JavaScript metodo sintaksė nurodyta toliau:
dokumentas. parašyta ( vertė )
„Vertė“ gali būti kintamoji eilutė arba paprastas tekstas, kuris pridedamas tiesiai prie tinklalapio. Taip pat galima perduoti daugiau nei vieną reikšmę, atskiriant jas kableliu.
Įgyvendinkime praktiškai.
1 pavyzdys: dinamiškas kelių reikšmių įterpimas
Šiame pavyzdyje kelios reikšmės paprasto teksto formatu bus rodomos tinklalapyje, kai naudotojas sąveikauja su mygtuku:
< centras >
< h1 stilius = 'spalva: kadeto mėlyna;' > Linux h1 >
< mygtukas ondblclick = 'Įdėti()' > mygtuką >
centras >
< scenarijus >
funkcija įdėtuvas ( ) {
dokumentas. parašyta ( 'Tai yra pradinė dalis' , 'Tai paskutinė dalis' ) ;
}
scenarijus >
Aukščiau pateikto kodo paaiškinimas rodomas taip:
- Pirmiausia sukuriamas mygtukas, kuriame naudojamas „ ondblclick “ įvykių klausytojas, kad iškviestų “ įdėtuvas ()' funkcija.
- Toliau „ dokumentas.rašytinis ()“ metodas, turintis dvi reikšmes paprasto teksto formatu, naudojamas „ įdėtuvas ()' funkcija. Vartotojui dukart spustelėjus mygtuką tinklalapyje bus rodomas pateiktas tekstas.
Išvestis, sukurta po kompiliavimo, rodoma taip:
Aukščiau pateikta išvestis patvirtina, kad pateikti duomenys buvo atspausdinti tinklalapyje.
2 pavyzdys: Document writeln() metodo naudojimas kartu su žyma
Šiame pavyzdyje „< išankstinis >“ žyma bus naudojama šalia reikšmės, kuri bus perduodama „ dokumentas.rašytinis ()“ metodą. Kad kiekviena reikšmė būtų rodoma naujoje eilutėje. Kodas nurodytas žemiau:
< scenarijus >dokumentas. parašyta ( '
Tai yra pradinė dalis') ; dokumentas. parašyta ( „Tai paskutinė dalis“ ) ;
scenarijus >
Aukščiau pateiktoje kodo eilutėje reikšmės, kurias turi rodyti abu parašyta ()“ metodai apvyniojami vienu „< išankstinis >“ žymą, kad jos būtų rodomos atskirose naujose eilutėse.
Aukščiau pateiktos kodo eilutės išvestis atrodo taip:
Išvestis rodo, kad kiekviena reikšmė rodoma naujoje eilutėje, kai pateikiama tinklalapyje.
Išvada
HTML DOM “ parašytas dokumentas () “ metodas iš esmės naudojamas tekstui įterpti į tinklalapį, tekstas perduodamas skliausteliuose, o kelių tekstų atveju tekstai atskiriami kableliais. Šiuo metodu tekstas rodomas naujoje eilutėje, kai jis įterpiamas į „< išankstinis >“ žymą. Šis tinklaraštis sėkmingai paaiškino document.writeln() metodą.