JavaScript nu are încorporat funcții de tipărire sau afișare.
Posibilități de afișare JavaScript
JavaScript poate "display" date în diferite moduri:
- Scrierea într - o casetă de avertizare, folosind window. alert() window. alert() .
- Scrierea în ieșire HTML folosind document. write() document. write() .
- Scrierea într - un element HTML, folosind innerHTML .
- Scrierea în consola browser - ul, folosind console. log() console. log() .
Folosind window. alert() window. alert()
Aveți posibilitatea să utilizați o casetă de avertizare pentru a afișa date:
Exemplu
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
window.alert(5 + 6);
</script>
</body>
</html>
Încearcă - l singur » Utilizarea document. write() document. write()
Pentru testare, este convenabil să se utilizeze document. write() document. write() :
Exemplu
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
document.write(5 + 6);
</script>
</body>
</html>
Încearcă - l singur » Utilizarea document. write() document. write() , după un document HTML este complet încărcat, va șterge toate HTML existente:
Exemplu
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<button onclick="document.write(5 + 6)">Try it</button>
</body>
</html>
Încearcă - l singur » document. write() document. write() metoda trebuie utilizată numai pentru testare.
Utilizarea innerHTML
Pentru a accesa un element HTML, JavaScript poate utiliza document. getElementById(id) document. getElementById(id) metoda.
id atribut definește elementul HTML. innerHTML Proprietatea definește conținutul HTML:
Exemplu
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My
First Paragraph</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 5 + 6;
</script>
</body>
</html>
Încearcă - l singur » Pentru a "display data" de (in most cases) innerHTML "display data" în HTML, (in most cases) va stabili valoarea unui innerHTML proprietate.
Utilizarea console. log() console. log()
În browser - ul dvs., puteți utiliza console. log() console. log() metoda pentru afișarea datelor.
Activați consola de browser cu F12 și selectați "Console" din meniul.
Exemplu
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
console.log(5 + 6);
</script>
</body>
</html>
Încearcă - l singur »