Elemento noscript
Si no sabes lo que es un elemento o cómo debes usarlo, te recomiendo leer el tutorial "Tags y atributos en HTML" que puedes encontrar en la sección de tutoriales HTML.
Tabla de contenidos
Descripción
El elemento noscript
es un contenedor para contenido alternativo a un bloque script
que es mostrado cuando el soporte para programas se encuentra ausente o deshabilitado. El comportamiento y representación de este elemento varía de acuerdo a si la ejecución de programas está habilitada o no. Si la ejecución de programas está deshabilitada, este elemento representa a su contenido, de lo contrario, no representa nada y los navegadores lo ignoran completamente.
En general, un elemento noscript
puede ser ubicado justo después del script
al cual se supone ha de reemplazar cuando el soporte para la ejecución de programas está deshabilitado. Sin embargo, la creatividad del autor puede jugar un rol importante en la ubicación de este elemento, siempre y cuando se tenga en consideración el hecho de que este elemento será mostrado cuando los programas de la página no sean ejecutados.
Ejemplos
En el siguiente ejemplo, crearemos un formulario para hacer una simple operación matemática. El programa (script
) estará a cargo de calcular el producto entre los dos números y el bloque noscript
mostrará un botón para enviar los valores al servidor y continuar el proceso allí. De este modo, la versión alternativa provista por el elemento noscript
permitirá a los usuarios disfrutar de la página aún cuando el soporte para la ejecución de programas se encuentre ausente o deshabilitado.
<form action="calcular-producto.php" target="_blank">
<p>
Calcular el producto:
<input type="number" id="numero1" name="numero1" onchange="calcularProducto()"> x
<input type="number" id="numero2" name="numero2" onchange="calcularProducto()">
<output id="resultado"></output>
<script>
function calcularProducto() {
var numero1 = parseFloat(document.getElementById('numero1').value),
numero2 = parseFloat(document.getElementById('numero2').value),
outputElement = document.getElementById('resultado');
if(isNaN(numero1) || isNaN(numero2)) {
outputElement.value = 'Error de entrada!';
} else {
outputElement.value = numero1 * numero2;
}
}
</script>
<noscript>
<input type="submit" value="Calcular">
</noscript>
</p>
</form>
Atributos
Atributos globales
Para más información acerca de los atributos globales refiérete a esta lista de atributos gloables en HTML5.
Eventos
Eventos globales
Para más información acerca de los eventos globales refiérete a esta lista de eventos globales en HTML5.