English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
JavaScript da más dinamismo e interactividad a las páginas HTML; se pueden implementar efectos de página a través de JavaScript.
Insertar un segmento de script
Cómo insertar scripts en un documento HTML.
Usar la etiqueta <noscript>
Cómo manejar navegadores que no admiten scripts o tienen scripts desactivados.
La etiqueta <script> se utiliza para definir scripts cliente, como JavaScript.
El elemento <script> puede contener instrucciones de script o puede apuntar a un archivo de script externo a través de la propiedad src.
JavaScript se utiliza principalmente para operaciones con imágenes, validación de formularios y actualización dinámica de contenido.
El siguiente script enviará "¡Hola Mundo!" al navegador:
!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tutorial básico (oldtoolbag.com)</title>
</head>
<body>
<script>
document.write("¡Hola Mundo!")
</script>
</body>
</html>Prueba aquí ‹/›La etiqueta <noscript> proporciona contenido alternativo cuando no se puede usar un script, por ejemplo, cuando se desactivan los scripts en el navegador o cuando el navegador no admite scripts cliente.
El elemento <noscript> puede contener todos los elementos que se pueden encontrar en el elemento body de una página HTML normal.
Solo se muestra el contenido del elemento <noscript> cuando el navegador no admite scripts o los tiene desactivados:
!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tutorial básico (oldtoolbag.com)</title>
</head>
<body>
<script>
document.write("¡Hola Mundo!")
</script>
Disculpe, su navegador no admite JavaScript!/noscript>
<p>Los navegadores que no soportan JavaScript usarán el contenido (texto) definido en el elemento <noscript> para reemplazarlo.</p>
</body>
</html>Prueba aquí ‹/›Ejemplo de código JavaScript:
!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tutorial básico (oldtoolbag.com)</title>
</head>
<body>
<p>
JavaScript utiliza document.write para escribir directamente en la salida de HTML:
</p>
<script>
document.write("<h1>Este es un H1Título/h1>";
document.write("<p>Este es un párrafo P.</p>");
</script>
<p>
Sólo puede usar <strong>document.write</strong> en la salida HTML./strong>。
Si lo usa después de que el documento se ha cargado (por ejemplo, en una función), se sobrescribirá todo el documento.
</p>
</body>
</html>Prueba aquí ‹/›<html>
<head>
<meta charset="utf-8">
<title>Tutorial básico (oldtoolbag.com)</title>
</head>
<body>
<h1>Mi primer script de JavaScript </h1>
<p id="demo">
JavaScript puede disparar eventos, como el clic de un botón.</p>
<script>
function test_js()
{
document.getElementById("demo").innerHTML="Hello JavaScript(oldtoolbag.com)!";
}
</script>
<button type="button" onclick="test_js()">Presione aquí</button>
</body>
</html>Prueba aquí ‹/›!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tutorial básico (oldtoolbag.com)</title>
</head>
<body>
<h1>Mi primer segmento de JavaScript</h1>
<p id="demo">
JavaScript puede cambiar el estilo de los elementos HTML (oldtoolbag.com)。
</p>
<script>
function test_js()
{
x=document.getElementById("demo") // Encontrar elemento
x.style.color="#ff3300"; // Cambiar estilo
}
</script>
<button type="button" onclick="test_js()">Haga clic aquí</button>
</body>
</html>Prueba aquí ‹/›| Etiqueta | Descripción |
| <script> | Define el script del cliente |
| <noscript> | Texto que define la salida de navegadores que no soportan scripts |