Kuten tiedämme PHP:ssä, kaiku- ja tulostustoimintoja käytetään tulosteen näyttämiseen näytöllä. Joten kun käyttäjä alkaa koodata JavaScriptillä, hän on varmasti utelias kuinka tulostaa tulos näytölle JavaScriptillä. JavaScriptiä käytetään yleisesti dynaamisten verkkosovellusten rakentamiseen, jotka tarjoavat useita ennalta määritettyjä menetelmiä tehtävien suorittamiseen.
Tässä artikkelissa kuvataan JavaScript-menetelmät, jotka vastaavat PHP:n echo/print -menetelmää.
Onko JavaScriptissä PHP echo/print -vastine?
Kyllä, JavaScriptissä on useita ennalta määritettyjä menetelmiä tulosteen näyttämiseksi konsoliin tai HTML-sivulle, jotka on lueteltu alla:
- console.log() -menetelmä
- document.write() -menetelmä
- document.appendChild() -menetelmä
- innerHTML-attribuutti
Ratkaisu 1: Käytä 'console.log()' -menetelmää JavaScriptissä vastaavana echo/print -menetelmää PHP:ssä
' console.log() ” -menetelmällä JavaScriptissä voit tulostaa tekstiä selaimen konsoliin ja se vastaa PHP:n kaiku- ja tulostustoimintoja.
Esimerkki
Soita ' console.log() ' tapa tulostaa viesti konsoliin:
konsoli. Hirsi ( 'Tervetuloa Linuxhintiin' ) ;
Viesti on näytetty onnistuneesti konsolissa JavaScriptin avulla ' console.log() 'menetelmä:
Ratkaisu 2: Käytä 'document.write()' -menetelmää JavaScriptissä vastaavana echo/print -menetelmää PHP:ssä
Käytä ' document.write() ” -menetelmä JavaScriptissä, joka vastaa PHP:n echo/print-toimintoa. Se näyttää tekstin verkkosivulla. Tätä menetelmää käytetään usein dynaamisen sisällön lisäämiseen verkkosivulle.
Esimerkki
Lähetä viesti osoitteeseen ' document.write() ” tapa tulostaa verkkosivulle:
asiakirja. kirjoittaa ( 'Tervetuloa Linuxhintiin' ) ;Voidaan nähdä, että viesti on tulostettu onnistuneesti verkkosivulle:
Ratkaisu 3: Käytä 'document.appendChild()' -menetelmää JavaScriptissä vastaavana echo/print -menetelmää PHP:ssä
Käytä ' document.appendChild() ” -menetelmällä verkkosivun tekstin tulostaminen JavaScriptin avulla ja se vastaa PHP:n kaiku- tai tulostustoimintoja. Tätä menetelmää käytetään uusien elementtien, kuten
- tai
Esimerkki
Luo
-tunnisteelementti käyttämällä ' luo elementti() ' -menetelmää ja tallenna viite muuttujaan ' teksti ':
oli teksti = asiakirja. CreateElement ( 'p' ) ;Käytä ' sisäteksti ”-attribuutti määrittää verkkosivulla näytettävän tekstin:
teksti. sisäteksti = 'Tervetuloa Linuxhintiin' ;Liitä nyt elementti HTML-dokumenttiin käyttämällä ' appendChild() 'menetelmä:
asiakirja. kehon . liitä lapsi ( teksti ) ;Lähtö
Ratkaisu 4: Käytä JavaScriptin 'innerHTML'-attribuuttia vastaavana echo/print -attribuuttia PHP:ssä
Voit myös käyttää ' innerHTML ”-ominaisuus JavaScriptissä vastaa PHP:n echo/print-toimintoja. Se sallii käyttää tai muuttaa HTML-elementin sisältöä. Tätä ominaisuutta käytetään yleisesti päivittämään sisältöä dynaamisesti käyttäjän syötteiden tai muiden tapahtumien perusteella.
Esimerkki
Luo HTML:ään
-elementti, jossa muutamme tekstiä:
< p id = 'teksti' > Tulosta viesti tästä s > 
Hae JavaScript-tiedostossa
-tunnisteen viite käyttämällä ' getElementById() 'menetelmä:
oli elementti = asiakirja. getElementById ( 'teksti' ) ;Käytä ' innerHTML ” -ominaisuutta, jolla voit määrittää uuden viestin verkkosivulla dynaamisesti näytettäväksi:
elementti. innerHTML = 'Tervetuloa Linuxhintiin' ;Viesti päivittyy dynaamisesti:
Olemme tarjonneet kaikki mahdolliset ratkaisut tekstin tulostamiseen verkkosivulle JavaScriptillä, jotka vastaavat PHP:n echo/print-toimintoa.
Johtopäätös
JavaScriptissä on useita ennalta määritettyjä menetelmiä tulosteen tai tekstin näyttämiseksi konsolille tai HTML-sivulle, mukaan lukien ' console.log() 'menetelmä', ' document.write() 'menetelmä', ' document.appendChild() ”menetelmä tai ” innerHTML ”-attribuutti. Tässä artikkelissa kuvattiin JavaScriptin menetelmiä, jotka vastaavat PHP:n kaiku/tulostusmenetelmää.