Ultimele tutoriale de dezvoltare web
 

JavaScript producție


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 »