AdNow

loading...

¿Donde usar JavaScript?

-

JavaScript a dónde

❮ AnteriorSiguiente ❯

La etiqueta <script>

En HTML, el código JavaScript debe insertarse entre las etiquetas <script> y </script>.

Ejemplo

<script>
document.getElementById("demo").innerHTML = "My First JavaScript";</script>
Los ejemplos antiguos de JavaScript pueden usar un atributo de tipo: <script type = "text / javascript">. 
El atributo de tipo no es obligatorio. JavaScript es el lenguaje de script predeterminado en HTML.

Funciones y eventos de JavaScript

Una función de JavaScript es un bloque de código JavaScript, que puede ejecutarse cuando se "solicita".
Por ejemplo, se puede llamar a una función cuando ocurre un evento , como cuando el usuario hace clic en un botón.
Aprenderás mucho más sobre funciones y eventos en capítulos posteriores.

JavaScript en <head> o <body>

Puede colocar cualquier número de scripts en un documento HTML.
Los scripts se pueden colocar en la sección <body>, o en la sección <head> de una página HTML, o en ambas.

JavaScript en <head>

En este ejemplo, una función de JavaScript se coloca en la sección <head> de una página HTML.
La función se invoca (llama) cuando se hace clic en un botón:

Ejemplo

<!DOCTYPE html>
<html>
<head>
<script>
function myFunction() {
    document.getElementById("demo").innerHTML = "Paragraph changed.";
}</script>
</head>
<body>
<h1>A Web Page</h1>
<p id="demo">A Paragraph</p>
<button type="button" onclick="myFunction()">Try it</button>
</body>
</html>
Inténtalo tú mismo "
En este ejemplo, una función de JavaScript se coloca en la sección <body> de una página HTML.
La función se invoca (llama) cuando se hace clic en un botón:

Ejemplo

<!DOCTYPE html>
<html>
<body> 

<h1>A Web Page</h1>
<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>
Inténtalo tú mismo "
La colocación de secuencias de comandos en la parte inferior del elemento <body> mejora la velocidad de visualización, porque la compilación de secuencias de comandos ralentiza la visualización.

JavaScript externo

Los scripts también se pueden colocar en archivos externos:

Archivo externo: myScript.js

function myFunction() {
   document.getElementById("demo").innerHTML = "Paragraph changed.";
}
Los scripts externos son prácticos cuando se utiliza el mismo código en muchas páginas web diferentes.
Los archivos JavaScript tienen la extensión .js .
Para usar un script externo, ponga el nombre del archivo de script en el atributo src (origen) de una etiqueta <script>:

Ejemplo

<script src="myScript.js"></script>
Inténtalo tú mismo "
Puede colocar una referencia de script externo en <head> o <body> como desee.
El script se comportará como si estuviera ubicado exactamente donde se encuentra la etiqueta <script>.
Los scripts externos no pueden contener etiquetas <script>.

Ventajas externas de JavaScript

Colocar scripts en archivos externos tiene algunas ventajas:
  • Separa HTML y código.
  • Facilita la lectura y el mantenimiento de HTML y JavaScript.
  • Los archivos JavaScript en caché pueden acelerar la carga de páginas
Para agregar varios archivos de script a una página, use varias etiquetas de script:

Ejemplo

<script src="myScript1.js"></script>
<script src="myScript2.js"></script>

Referencias externas

Se puede hacer referencia a los scripts externos con una URL completa o con una ruta relativa a la página web actual.
Este ejemplo utiliza una URL completa para vincular a un script:

Ejemplo

<script src="https://www.w3schools.com/js/myScript1.js"></script>
Este ejemplo utiliza un script ubicado en una carpeta específica en el sitio web actual:

Ejemplo

<script src="/js/myScript1.js"></script>
Este ejemplo se vincula a un script ubicado en la misma carpeta que la página actual:

Ejemplo

<script src="myScript1.js"></script>
Puede leer más acerca de las rutas de archivos en el capítulo de rutas de archivos HTML .

❮ AnteriorSiguiente ❯

Formulario de contacto

Nombre

Correo electrónico *

Mensaje *

Entradas más populares de este blog

Listado pasaporte y cedulas SAIME 2018

-
Imagen
click aqui para descargar el listado en formato pdf 21 de Julio de 2018 Con el propósito de dar celeridad al proceso de entrega de documentos, el Director General del Servicio Administrativo de Identificación, Migración y Extranjería (Saime), Gustavo Vizcaíno Gil, ordenó habilitar todas las oficinas del país los días sábados, únicamente para la entrega de cédulas y pasaportes. Saime abre sus oficinas los días sábados Con el propósito de dar celeridad al proceso de entrega de documentos, el Director General del Servicio Administrativo de Identificación, Migración y Extranjería (Saime), Gustavo Vizcaíno Gil, ordenó habilitar todas las oficinas del país los días sábados, únicamente para la entrega de cédulas y pasaportes. Los usuarios podrán ingresar en la página web del Saime  www.saime.gob.ve  y verificar si están en el listado donde le indicará en que oficina pueden retirar sus documentos de identificación. Esta iniciativa  da cumplimiento a la sép...
Leer más

Etiqueta HTML < abbr >

-
Etiqueta  HTML  <abbr> ❮ Referencia HTML completa anterior Siguiente  ❯ Ejemplo Una abreviatura se marca de la siguiente manera: The  < abbr  title ="World Health Organization" > WHO < /abbr >  was founded in 1948. Pruebelo usted mismo » Definición y uso La etiqueta <abbr> define una abreviatura o un acrónimo, como "Sr.", "Dec.", "ASAP", "ATM". Sugerencia:  una abreviatura y un acrónimo son versiones abreviadas de otra cosa.  Ambos a menudo se representan como una serie de letras. Marcar las abreviaturas puede proporcionar información útil para navegadores, sistemas de traducción y motores de búsqueda. Soporte del navegador Element <abbr> Yes Yes Yes Yes Yes Consejos y notas Consejo:  El atributo de título global se puede usar en la etiqueta <abbr> para mostrar la versión completa de la abreviatura / acrónimo al pasar el mouse sobre el elemento <abbr>. Difere...
Leer más

HTML < a > tag

-
HTML  <a>  día ❮ Referencia HTML completa anterior Siguiente  ❯ Ejemplo Un enlace a W3Schools.com: < a  href ="https://www.w3schools.com" > Visit W3Schools.com! < /a > Pruebelo usted mismo » More "Pruebelo usted mismo" examples below. Definición y uso La etiqueta <a> define un hipervínculo, que se usa para vincular de una página a otra. El atributo más importante del elemento <a> es el atributo href, que indica el destino del enlace. Por defecto, los enlaces aparecerán de la siguiente manera en todos los navegadores: Un enlace no visitado está subrayado y azul Un enlace visitado está subrayado y morado Un enlace activo está subrayado y rojo Soporte del navegador Element <a> Yes Yes Yes Yes Yes Consejos y notas Sugerencia:  los siguientes atributos: descarga, hreflang, medios, rel, destino y tipo no pueden estar presentes si el atributo href no está presente. Consejo:  Normalmente,...
Leer más

Visitas a este blog