Kompiuterių programavime spausdinimas yra komanda, naudojama tam tikro tipo tekstui rodyti ekrane. Jis gali būti naudojamas rodyti tekstą (eilutę), kintamąjį, skaičius ar matematinius skaičiavimus. Vienas iš pirmųjų dalykų, kurį daugelis programuotojų išmoksta, yra tai, kaip naudojant komandą „Spausdinti“sukurti programą, rodančią „Labas pasaulis!“. Skirtingai nuo kitų programavimo kalbų, „Javascript“pateikiamas žiniatinklio naršyklėje. „Javascript“neturi paprastos spausdinimo komandos, kaip ir daugelyje kitų kalbų. Tačiau yra daug būdų, kaip rodyti tekstą HTML dokumente, įspėjimo lange, konsolėje. Taip pat galite naudoti „Javascript“spausdinimui iš spausdintuvo.
Žingsniai
1 metodas iš 4: „InnerHTML“naudojimas
1 veiksmas. HTML dokumento tekste įveskite <p id =
Tai yra pradinė HTML žyma pastraipos tekstui su konkrečiu ID.
Norėdami gauti daugiau informacijos apie tai, kaip rašyti HTML kodą, žr. Kaip sukurti paprastą tinklalapį naudojant HTML
2 veiksmas. Įveskite pastraipos elemento pavadinimą kabutėse, po to ->
Tai pastraipos teksto elementui priskiria ID, kurį galima atkurti naudojant „Javascript“. Pavyzdžiui,"
".
Taip pat galite naudoti kitus teksto HTML elementus, pvz., Antraštę {{kbd |
Žingsnis 3. Įveskite
iškart po"
žyma.
Tai prideda pradinės pastraipos HTML elemento uždarymo žymą
Žingsnis 4. Paspauskite ↵ Enter
Tai prideda naują eilutę prie jūsų HTML.
5 veiksmas. Įveskite ir paspauskite. Enter
Tai yra „Javascript“pradinė žyma. Visas „Javascript“kodavimas turėtų būti atliekamas po šios žymos.
Žingsnis 6. Įveskite document.getElementById
Tai yra „JavaScript“kodas, skirtas skambinti HTML elementui pagal jo ID.
Žingsnis 7. Įveskite pastraipos elemento ID kabutėse skliausteliuose
Jei pastraipos elementas yra „
“, jūsų„ JavaScript “kodas būtų„ document.getElementById („math“) “.
Žingsnis 8. Po skliaustelių įveskite. InnerHTML =
Ši komanda naudojama rodyti teksto išvestis naudojant HTML elementą.
Žingsnis 9. Įveskite tai, ką norite spausdinti, ir kabliataškį (;
).
Galite rodyti tekstą, kintamąjį, skaičius ar matematinę lygtį.
Pavyzdžiui, įveskite "document.getElementById (" demo "). InternalHTML = 27 + 33;" išspausdinti sumą 27 + 33
Žingsnis 10. Paspauskite ↵ Enter ir įveskite
Ši žyma uždaro „Javascript“kodą. Įveskite šią žymą, kai baigsite įvesti visas „Javascript“eilutes. Kai įkeliate HTML dokumentą į žiniatinklio naršyklę, jis bus išspausdintas HTML dokumento viduje.
2 metodas iš 4: lango įspėjimo naudojimas
Žingsnis 1. Įveskite HTML dokumento tekstą
Tai yra „Javascript“pradinė žyma.
Žingsnis 2. Paspauskite ↵ Įveskite ir įveskite įspėjimą
Tai yra „JavaScript“komanda, skirta atidaryti įspėjamąjį langą.
Žingsnis 3. Skliaustuose įveskite tai, ką norite spausdinti
Galite įvesti tekstą, kintamąjį, skaičius ar matematinę lygtį. Pavyzdžiui, „alert („ Hello Sweety! “)“, Kad būtų rodomas „Hello Sweety!“iššokančiame lange.
Žingsnis 4. Pridėkite dvitaškį (;
) pabaigoje.
Tai uždaro jūsų „JavaScript“eilutę. Visa eilutė turėtų atrodyti kaip „įspėjimas“(„Sveiki, mielasis!“); “.
5 veiksmas. Paspauskite ↵ Enter ir įveskite
Ši žyma uždaro jūsų „JavaScript“kodą. Įveskite šią žymą, kai baigsite įvesti visas „JavaScript“eilutes. Kai įkeliate HTML dokumentą į žiniatinklio naršyklę, iššokančiajame lange bus rodomas tekstas, kurį norite spausdinti.
Taip pat galite sukurti mygtuką, kuriame iššokančiame lange rodomas spausdintas tekstas. Norėdami tai padaryti, įveskite „Mygtuko tekstas“
3 metodas iš 4: konsolės žurnalo naudojimas
Žingsnis 1. Įveskite HTML dokumento tekstą
Tai yra „Javascript“pradinė žyma.
Žingsnis 2. Paspauskite ↵ Enter ir įveskite console.log
Tai konsolės žurnalo „JavaScript“komanda. Konsolės žurnalas yra artimiausias komandai Spausdinti įprasta kodavimo prasme. Jūsų tinklalapyje nerodomas tekstas, tačiau konsolės viduje rodomas tekstas, kai paleidžiate HTML/„JavaScript“žiniatinklio naršyklėje. Tai naudinga derinant.
Žingsnis 3. Įveskite norimą prisijungti tekstą skliausteliuose
Tai gali būti tekstas (eilutė), kintamasis, skaičiai arba matematinė lygtis. Pavyzdžiui, „console.log“(spausdinu „Javascript“).
Žingsnis 4. Pridėkite dvitaškį (;
) pabaigoje.
Tai uždaro jūsų „JavaScript“eilutę. Visa eilutė turėtų atrodyti kaip „nowiki> console.log“(spausdinu „Javascript“)
5 veiksmas. Paspauskite ↵ Enter ir įveskite
Ši žyma uždaro jūsų „JavaScript“kodą. Įveskite šią žymą, kai baigsite įvesti visas „JavaScript“eilutes.
Žingsnis 6. Išsaugokite HTML dokumentą
Norėdami išsaugoti HTML dokumentą, atlikite šiuos veiksmus.
- Spustelėkite Failas teksto redaktoriaus arba HTML redagavimo programos viršuje.
- Spustelėkite Išsaugoti kaip.
- Įveskite HTML dokumento failo pavadinimą.
- Įsitikinkite, kad jis išsaugomas kaip „.html“dokumentas.
- Spustelėkite Sutaupyti.
Žingsnis 7. Atidarykite HTML dokumentą žiniatinklio naršyklėje
Atidarykite bet kurią pasirinktą žiniatinklio naršyklę ir viršuje esančioje adreso juostoje įveskite HTML dokumento failo vietą. Tai atvers HTML dokumentą jūsų žiniatinklio naršyklėje.
Žingsnis 8. Paspauskite F12
Tai atidarys kūrėjo režimą jūsų žiniatinklio naršyklėje. Pamatysite naują langą, kuriame bus rodomas HTML, CSS ir „Javascript“kodas.
Žingsnis 9. Spustelėkite Konsolė
Jis yra kūrėjo režimo lango viršuje.
10. Atnaujinkite naršyklę
Žingsnis 1. HTML dokumento tekste įveskite <mygtuką onclick =
Tai yra pradinė HTML žyma, skirta sukurti mygtuką jūsų HTML.
2 veiksmas. Po lygybės (=) ženklo įveskite "window.print ()">
„Window.print ()“komanda yra „Javascript“komanda, skirta spausdinti žiniatinklio naršyklės lango turinį. Kronšteinas (>) užbaigia HTML mygtuko atidarymo žymą.
Žingsnis 3. Įveskite tekstą, kurį norite perkelti į mygtuką
Tai turėtų įvykti iškart po skliausteliu (>). Pavyzdžiui, galite įvesti „Spauskite čia, kad atsispausdintumėte“ar kažką panašaus.
Žingsnis 4. Įveskite
Taip uždaromas HTML mygtuko elementas. Kai atvaizduojate savo HTML žiniatinklio naršyklėje, jis sukurs mygtuką, kurį galėsite spustelėti, kad išspausdintumėte „yoru“žiniatinklio naršyklės turinį.