Latest web development tutorials
×

JavaScript curso

JavaScript curso JavaScript breve introducción JavaScript uso JavaScript exportación JavaScript gramática JavaScript declaraciones JavaScript nota JavaScript variable JavaScript Tipos de datos JavaScript objetos JavaScript función JavaScript alcance JavaScript evento JavaScript cadena JavaScript operadores JavaScript comparar JavaScript If...Else JavaScript switch JavaScript for JavaScript while JavaScript Break & Continue JavaScript typeof JavaScript tipo de conversión JavaScript Las expresiones regulares JavaScript error JavaScript depuración JavaScript variable de elevación JavaScript Modo estricto JavaScript El uso inapropiado JavaScript autenticación de formularios JavaScript Palabras clave reservadas JavaScript JSON JavaScript void JavaScript Especificación código

JS función

JavaScript definición de la función JavaScript Argumentos de función JavaScript llamada a la función JavaScript Los cierres

JS HTML DOM

DOM breve introducción DOM HTML DOM CSS DOM evento DOM EventListener DOM elemento

JS Tutorial avanzado

JavaScript objetos JavaScript Number JavaScript String JavaScript Date JavaScript Array JavaScript Boolean JavaScript Math JavaScript RegExp objetos

JS navegador BOM

JavaScript Window JavaScript Window Screen JavaScript Window Location JavaScript Window History JavaScript Navigator JavaScript música pop JavaScript Evento cronometrado JavaScript Cookies

JS almacén

JavaScript almacén JavaScript prueba jQuery JavaScript prueba Prototype

JS Ejemplos

JavaScript Ejemplos JavaScript instancia de objeto JavaScript instancia de objeto del navegador JavaScript HTML DOM Ejemplos JavaScript resumen

JS Manual de referencia

JavaScript objetos HTML DOM objetos

salida de JavaScript

JavaScript no tiene ninguna función de impresión o de salida.

JavaScript muestra datos

datos de salida de JavaScript pueden de diferentes maneras:

  • Utilice window.alert () cuadro de advertencia emergente.
  • método document.write () utilizando para escribir el contenido de un documento HTML.
  • El uso de innerHTML para escribir elementos HTML.
  • Utilice console.log () se escribe en la consola del navegador.

Utilice window.alert ()

Puede que aparezca un cuadro de advertencia para mostrar los datos:

Ejemplos

<! DOCTYPE html>
<Html>
<Cuerpo>

<H1> Mi primera página </ h1>
<P> Mi primer párrafo. </ P>

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

</ Body>
</ Html>

Trate »

Manipular los elementos HTML

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

Utilice el atributo "id" para identificar los elementos HTML, y innerHTML para obtener el contenido o elementos de inserción:

Ejemplos

<! DOCTYPE html>
<Html>
<Cuerpo>

<H1> Mi primera página web </ h1>

<P id = "demo"> Mi primer párrafo </ p>

<Script>
document.getElementById ( "demo") innerHTML = "párrafo ha sido modificado ..";
</ Script>

</ Body>
</ Html>

Trate »

Más declaraciones JavaScript (en la etiqueta <script>) pueden llevarse a cabo en un navegador Web:

document.getElementById ( "demo") es usar el atributo id para encontrar elementos HTML código JavaScript.

innerHTML = "párrafo ha sido modificado." se utiliza para modificar el elemento de contenido HTML (innerHTML) código JavaScript.


En este tutorial

En la mayoría de los casos, en este tutorial, vamos a utilizar los métodos descritos anteriormente para la producción:

El siguiente ejemplo directamente al id = "demo" del elemento <p> se escribe en el documento HTML de salida:


Escribe documento HTML

Para propósitos de prueba, se puede escribir directamente JavaScript en el documento HTML:

Ejemplos

<! DOCTYPE html>
<Html>
<Cuerpo>

<H1> Mi primera página web </ h1>

<P> Mi primer párrafo. </ P>

<Script>
document.write (Date ());
</ Script>

</ Body>
</ Html>

Trate »

nota

Utilice el document.write () simplemente escribiendo el contenido a una salida de documentos.

Si lo hace document.write después de que el documento ha terminado de cargar, se sobrescribe toda la página HTML.


Ejemplos

<! DOCTYPE html>
<Html>
<Cuerpo>

<H1> Mi primera página web </ h1>

<P> Mi primer párrafo. </ P>

<Botón onclick = "myFunction () "> punto de I </ botón>

<Script>
myFunction función () {
document.write (Date ());
}
</ Script>

</ Body>
</ Html>

Trate »


Escrito a la consola

Si su navegador es compatible con la depuración, el método console.log () se puede utilizar para mostrar el valor de JavaScript en su navegador.

el uso del navegador F12 para activar el modo de depuración, la ventana de depuración, haga clic en el menú "Consola".

Ejemplos

<! DOCTYPE html>
<Html>
<Cuerpo>

<H1> Mi primera página web </ h1>

<Script>
a = 5;
b = 6;
c = a + b;
console.log (c);
</ Script>

</ Body>
</ Html>

Trate »

Ejemplos consola de pantalla:


¿Sabías?

nota Depuración está probando un programa para encontrar y reducir el proceso de error (error).