HTML
Incluir código JavaScript en HTML
Buscar..
Sintaxis
-
<script type="text/javascript"> //some code </script> -
<script type="text/javascript" src="URL"></script> -
<script type="text/javascript" src="URL" async>//async code</script>
Parámetros
| Atributo | Detalles |
|---|---|
src | Especifica la ruta de acceso a un archivo JavaScript. Ya sea una URL relativa o absoluta. |
type | Especifica el tipo MIME. Este atributo es obligatorio en HTML4, pero opcional en HTML5. |
async | Especifica que el script se ejecutará de forma asíncrona (solo para scripts externos). Este atributo no requiere ningún valor (excepto de XHTML). |
defer | Especifica que el script se ejecutará cuando la página haya finalizado el análisis (solo para scripts externos). Este atributo no requiere ningún valor (excepto de XHTML). |
charset | Especifica la codificación de caracteres utilizada en un archivo de script externo, por ejemplo, UTF-8 |
crossorigin | Cómo el elemento maneja las solicitudes de origen cruzado. |
nonce | Nonce criptográfico utilizado en la Política de seguridad de contenido comprueba CSP3 |
Observaciones
Si el código JavaScript incrustado (archivo) se utiliza para manipular http://stackoverflow.com/documentation/javascript/503/document-object-model-dom Elements, coloque sus etiquetas <script></script> justo antes del cierre </body> etiquete o use métodos o bibliotecas de JavaScript (como jQuery para manejar una variedad de navegadores) que aseguran que el DOM esté leído y listo para ser manipulado.
Enlace a un archivo JavaScript externo
<script src="example.js"></script>
El atributo src funciona como el atributo href en los anclajes: puede especificar una URL absoluta o relativa. El ejemplo anterior se vincula a un archivo dentro del mismo directorio del documento HTML. Esto generalmente se agrega dentro de las etiquetas <head> en la parte superior del documento html
Incluyendo directamente el código JavaScript
En lugar de vincular a un archivo externo, también puede incluir el código JS tal como está en su HTML:
<script>
// JavaScript code
</script>
Incluyendo un archivo JavaScript ejecutándose de forma asíncrona.
<script type="text/javascript" src="URL" async></script>
Manejo de Javascript deshabilitado
Es posible que el navegador del cliente no admita Javascript o tenga la ejecución de Javascript deshabilitada, quizás por razones de seguridad. Para poder decirles a los usuarios que un script debe ejecutarse en la página, se puede usar la etiqueta <noscript> . El contenido de <noscript> se muestra cada vez que Javascript está deshabilitado para la página actual.
<script>
document.write("Hello, world!");
</script>
<noscript>This browser does not support Javascript.</noscript>