La etiqueta <script> en HTML se usa para definir el script del lado del cliente. La etiqueta <script> contiene las declaraciones de secuencias de comandos o apunta a un archivo de secuencia de comandos externo. El JavaScript se utiliza principalmente en la validación de formularios, cambios dinámicos de contenido, manipulación de imágenes, etc.
Sintaxis:
<script> Script Contents... </script>
Atributos: muchos atributos asociados con la etiqueta de secuencia de comandos.
- async : se utiliza para especificar que el script se ejecuta de forma asíncrona.
- charset : se utiliza para especificar la codificación de caracteres utilizada en un archivo de script externo.
- diferir : se utiliza para especificar que el script se ejecuta cuando la página ha terminado de analizarse.
- src : se utiliza para especificar la URL de un archivo de script externo.
- type : se utiliza para especificar el tipo de medio del script.
Ejemplo 1:
HTML
<!DOCTYPE html>
<html>
<body>
<h1>GeeksforGeeks</h1>
<h2><script> Tag</h2>
<p id="Geeks"></p>
<!-- html script tag starts here -->
<script>
document.getElementById("Geeks").innerHTML =
"Hello GeeksforGeeks!";
</script>
<!-- html script tag ends here -->
</body>
</html>
Producción:
Ejemplo 2 (guión fuera de la etiqueta del cuerpo):
HTML
<!DOCTYPE html>
<html>
<head>
<title>script tag</title>
<style>
body {
text-align:center;
}
h1 {
color:green;
}
</style>
<script>
function Geeks() {
alert('Welcome to GeeksforGeeks!');
}
</script>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2><script> Tag</h2>
<button type="button" onclick="Geeks()">
Hello GeeksforGeeks</button>
</body>
</html>
Producción:
Navegadores compatibles:
- Google Chrome 1 y superior
- Borde 12 y superior
- explorador de Internet
- Firefox 1 y superior
- Ópera
- Safari