Los últimos tutoriales de desarrollo web
 

JavaScript exportación


JavaScript no tiene un built-in funciones de impresión o visualización.


Las posibilidades de visualización de JavaScript

JavaScript puede visualización de datos "" de diferentes maneras:

  • Escribir en un cuadro de alerta, utilizando window.alert() .
  • La escritura en la salida HTML utilizando document.write() .
  • La escritura en un elemento HTML, usando innerHTML .
  • Escribir en la consola navegador, utilizando console.log() .

Usando window.alert()

Se puede utilizar un cuadro de alerta para mostrar los datos:

Ejemplo

<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>
<p>My first paragraph.</p>

<script>
window.alert(5 + 6);
</script>

</body>
</html>
Inténtalo tú mismo "

Utilizando document.write()

Para propósitos de prueba, es conveniente utilizar document.write() :

Ejemplo

<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>
<p>My first paragraph.</p>

<script>
document.write(5 + 6);
</script>

</body>
</html>
Inténtalo tú mismo "

Utilizando document.write() después de que un documento HTML se ha cargado completamente, se eliminará todo el HTML existente:

Ejemplo

<!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>
Inténtalo tú mismo "

El document.write() método sólo se debe utilizar para la prueba.


usando innerHTML

Para acceder a un elemento HTML, JavaScript puede utilizar el document.getElementById(id) método.

La id atributo define el elemento HTML. El innerHTML propiedad define el contenido HTML:

Ejemplo

<!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>
Inténtalo tú mismo "

A "datos de visualización" en HTML, (en la mayoría de los casos) va a establecer el valor de un innerHTML propiedad.


Usando console.log()

En su navegador, puede utilizar la console.log() método para mostrar los datos.

Activar la consola navegador con F12 y seleccione "Consola" en el menú.

Ejemplo

<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>
<p>My first paragraph.</p>

<script>
console.log(5 + 6);
</script>

</body>
</html>
Inténtalo tú mismo "