English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manual de Referencia de HTML

大全 de etiquetas HTML

HTML: <script> etiqueta

HTML <script> etiqueta se utiliza para insertar o referenciar scripts del lado del cliente (por ejemplo, JavaScript). Esta etiqueta también se conoce como <script> elemento. Nota: No se puede omitir la etiqueta de inicio y la etiqueta de final.

Ejemplo en línea

A través de JavaScript salida "HTML5 Script Tag Example":

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>HTML script etiqueta de uso (Tutorial de base de la red HTML oldtoolbag.com)</title> 
<!-- HTML4 and (x)HTML -->
<script type="text"/javascript" src="functions.js">
<!-- HTML5 -->
<script src="/js/functions.js"></script>
</<head>
<body>
<script type="text"/javascript">
  document.write("HTML5 Script Tag Example");</script>
</body>
</html>
pruebe para ver ‹/›

En este HTML5En el ejemplo de documento, usamos la etiqueta <script> dentro de la etiqueta <head> para referenciar un archivo javascript llamado functions.js. También usamos la etiqueta <script> dentro de la etiqueta <body> para imprimir el texto " HTML5ejemplo de etiqueta de script

Tenga en cuenta que,type="text/javascript" HTML5No se necesita la etiqueta <script> en el documento.

Compatibilidad con navegadores

IEFirefoxOperaChromeSafari

Todos los navegadores de mainstream soportan la etiqueta <script>.

Definición y explicación de uso de la etiqueta

La etiqueta <script> se utiliza para definir scripts del lado del cliente, como JavaScript.

El elemento <script> puede contener instrucciones de script o apuntar a un archivo de script externo a través de la propiedad "src".

JavaScript se utiliza generalmente para la manipulación de imágenes, la validación de formularios y los cambios de contenido dinámico.

Consejos y advertencias

Nota:si se utiliza la propiedad "src", el elemento <script> debe estar vacío.

Atención::las etiquetas de inicio y de cierre no pueden omitirse.

Consejo:Consulte <noscript> el elemento es muy útil para aquellos usuarios que tienen los scripts desactivados en el navegador o cuyo navegador no admite scripts del lado del cliente.

Nota: hay varios métodos para ejecutar scripts externos:

  • si async="async": el script se ejecuta de manera asíncrona en relación con el resto de la página (cuando la página continúa la parsing, se ejecutará el script)

  • si no se utiliza async y defer="defer": el script se ejecutará cuando la página se haya completado la parsing

  • si no se utiliza ni async ni defer: se lee y ejecuta inmediatamente el script antes de que el navegador continúe la parsing de la página

HTML 4.01 con HTML5diferencias

en HTML 4 en, la propiedad "type" es obligatoria, pero en HTML5 es opcional.

La propiedad "async" es HTML5 nuevo atributo.

HTML5 ya no admite HTML 4.01 algunas propiedades: "xml:space".

Diferencias entre HTML y XHTML

En XHTML, el tipo de contenido de los scripts se declara como #PCDATA (en lugar de CDATA), lo que significa que se analizarán las entidades.

Esto significa que en XHTML, todos los caracteres especiales deben codificarse o todo el contenido debe estar anidado en la sección CDATA:

<script type="text"/javascript">
//<![CDATA[
var i=10;
if (i<5)
{
    // Contenido del código
}
//]]>
</script>

Atributo

New: HTML5 nuevo atributo.

AtributoValorDescripción
asyncHTML5asyncDefine la ejecución asíncrona del script (sólo para scripts externos).
charsetcharsetDefine la codificación de caracteres utilizada en el script (sólo para scripts externos).
deferdeferDefine que se ejecute el script una vez que la página se haya completado la解析 (sólo para scripts externos).
srcURLDefine la URL del script externo.
typeMIME-type

Define el tipo MIME del script.
text/javascript
text/ecmascript
application/javascript
application/ecmascript

xml:spacepreserveHTML5 No soportado. Define si se conservan los espacios en blanco en el código.

Atributos globales

Soportado por <script> etiqueta Atributos globales de HTML.

Artículos relacionados

HTML tutorial:HTML script