0% encontró este documento útil (0 votos)
4 vistas12 páginas

Introducción a JavaScript en HTML y CSS

Cargado por

aye.trigo
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
0% encontró este documento útil (0 votos)
4 vistas12 páginas

Introducción a JavaScript en HTML y CSS

Cargado por

aye.trigo
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd

[Link] obal [Link] .

mx
Crear un proyecto para iniciar con JavaScript. Al finalizar
deberemos observar lo siguiente:

[Link] obal [Link] .mx


Vamos a crear el proyecto:

[Link] obal [Link] .mx


Agregamos un archivo html:

[Link] obal [Link] .mx


Agregamos un archivo css:

[Link] obal [Link] .mx


( )
Agregamos un archivo css:

[Link] obal [Link] .mx


Archivo [Link]:
<!DOCTYPE html>
<html xmlns="[Link]
<head>
<meta charset="UTF-8">
<title>Ejemplo JavaScript</title>
<script type="text/javascript">
alert("Hola Mundo");
[Link]("<h1>Hola Mundo desde JavaScript</h1>");
</script>
</head>
<body>

Link a <a href="[Link]">page1</a>

</body>
</html>

[Link] obal [Link] .mx


Archivo [Link]:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Saludos desde JavaScrip</title>
<script type="text/javascript" src="[Link]"></script>
</head>
<body onload="saluda();
escribeMensaje();">
<!--El texto HTML de elemento h1 se escribe de manera
dinamica-->
<h1 id="mensajeHtml"></h1>
</body>
</html>

[Link] obal [Link] .mx


( )
Archivo [Link]:
/**
* @author ubaldo
*/
function saluda() {
alert("Hola Mundo");
}

function escribeMensaje() {
[Link]("mensajeHtml").innerHTML = "Saludo desde archivo de JavaScript";
}

[Link] obal [Link] .mx


[Link] obal [Link] .mx
Como este ejercicio hemos visto una introducción al uso de
JavaScript.

Observamos que una de las formas de utilizar JavaScript es


agregando un nuevo archivo con extensión .js

En combinación con HTML y JavaScript es que pudimos


agregar contenido generado de manera dinámica a nuestra
página HTML, y de esta forma potenciar la forma en que
creamos páginas Web.

[Link] obal [Link] .mx


Por: Ing. Ubaldo Acosta

[Link] obal [Link] .mx

También podría gustarte