JavaScript se inserta nel codigo con las etiquetas <script>y </script>
ejemplo
<script>
document.getElementById("demo").innerHTML = "My First JavaScript";
</script>
en los ejemplos antiguos ae usaba <script type="text/javascript"> hoy en dia no hace falta
Funciones y eventos de JavaScript
una function en javascript es un bloque de código JavaScript, que se puede ejecutar cuando se "llama"
Una function se puede llamar cuando ocurre un evento o cuando se hace clic en un button
javescript en el header o body
Javascript se puede colocar en el header o al final en el body, tanbien se puede colocar en cualquier
parte del documento
...
JavaScript en la cabeza Header
si colocamos el script en el header que pasara?
ejemplo del codigo
<!DOCTYPE html>
<html>
<head>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Paragraph changed.";
}
</script>
</head>
<body>
<h2>Demo JavaScript in Head</h2>
<p id="demo">A Paragraph</p>
<button type="button" onclick="myFunction()">Try it</button>
</body>
</html>
JavaScript en el cuerpo body
pongo un ejemplo onde su llamada se activa con un clic en el button
<!DOCTYPE html>
<html>
<body>
<h2>Demo JavaScript in Body</h2>
<p id="demo">A Paragraph</p>
<button type="button" onclick="myFunction()">Try it</button>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Paragraph changed.";
}
</script>
</body>
</html>
Colocar scripts en la parte inferior del elemento mejora la visualización velocidad, porque la interpretación del guión ralentiza la visualización.
JavaScript externo
Podemos poner nuestro fichero javascript externamente
creamos un fichero con el numbre myScript.js
dentro de este fichero escribimos las functiones que necessitamos, como la de el ejemplo
function myFunction() {
document.getElementById("demo").innerHTML = "Paragraph changed.";
}
Los scripts externos son prácticos cuando se usa el mismo código en muchas páginas web diferentes.
Los archivos JavaScript tienen la extensión de archivo .js .
Para llamar nuestro fichero de javascript usamos la segiente sintaxis
<script src="myScript.js"></script>
esa llamada puede ser en la cabeza header o en el cuerpo body
El script se comportará como si estuviera ubicado exactamente donde el <script> se encuentra la etiqueta.
Los scripts externos no pueden contener <script> etiquetas
Ventajas de JavaScript externo
Colocar scripts en archivos externos tiene algunas ventajas:
- Separa HTML y código.
- Hace que HTML y JavaScript sean más fáciles de leer y mantener.
- Los archivos JavaScript almacenados en caché pueden acelerar la carga de la página
Para agregar varios archivos de script a una página, use varias etiquetas de script:
<script src="myScript1.js"></script>
<script src="myScript2.js"></script>
Referencias externas
Se puede hacer referencia a un script externo de 3 maneras diferentes:
- Con una URL completa (una dirección web completa)
- Con una ruta de archivo (como /js/)
- sin ningún camino
Este ejemplo usa una URL completa para vincular a myScript.js:
<script src="https://frioyelectronica/js/myScript.js"></script>
Este ejemplo utiliza una ruta de archivo para vincular a myScript.js:
<script src="/js/myScript.js"></script>
Este ejemplo no usa una ruta para vincular a myScript.js:
<script src="myScript.js"></script>
JavaScript y Java son lenguajes completamente diferentes, ambos en concepto y diseño.
0 Comentarios
Si desea contactar comigo, lo puede hacer atravez deste formulario gracias