He visto que algunas páginas agregan class o id a un script
Ejemplo:
<script class="script">
alert(1)
</script>
Porque se realiza esta practica
Captura de pantalla del código fuente de Twitter en donde le asignan un ID a un script
Stack Overflow en español es un sitio de preguntas y respuestas para programadores y profesionales de la informática. Solo te toma un minuto registrarte.
Regístrate para unirte a esta comunidadEl utilizo de class
o id
como atributo de un tag script
podrian servir para llamar el fragmento de codigo desde otro lado como prodria ser el caso de un template engine de javascript.
podemos hacer un ejemplo utilizando un template como Handlebars
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.12/handlebars.js"></script>
<script class="idioma italiano" type="text/x-handlebars-template">
<p>Ciao Fratello, come stai ? </p>
</script>
<script class="idioma castellano" type="text/x-handlebars-template">
<p>Hola Hermano, como estas ? </p>
</script>
<script>
idioma = getUrlParameter("idioma") || "italiano";
var idiomaTemplate = Handlebars.compile($("script.idioma." + idioma ).html());
$("body").append(idiomaTemplate())
function getUrlParameter(sParam) {
var sPageURL = window.location.search.substring(1),
sURLVariables = sPageURL.split('&'),
sParameterName,
i;
for (i = 0; i < sURLVariables.length; i++) {
sParameterName = sURLVariables[i].split('=');
if (sParameterName[0] === sParam) {
return sParameterName[1] === undefined ? true : decodeURIComponent(sParameterName[1]);
}
}
};
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.12/handlebars.js"></script>
<script class="idioma italiano" type="text/x-handlebars-template">
<p>Ciao Fratello, come stai ? </p>
</script>
<script class="idioma castellano" type="text/x-handlebars-template">
<p>Hola Hermano, como estas ? </p>
</script>
<script>
idioma = getUrlParameter("idioma") || "castellano";
var idiomaTemplate = Handlebars.compile($("script.idioma." + idioma ).html());
$("body").append(idiomaTemplate())
function getUrlParameter(sParam) {
var sPageURL = window.location.search.substring(1),
sURLVariables = sPageURL.split('&'),
sParameterName,
i;
for (i = 0; i < sURLVariables.length; i++) {
sParameterName = sURLVariables[i].split('=');
if (sParameterName[0] === sParam) {
return sParameterName[1] === undefined ? true : decodeURIComponent(sParameterName[1]);
}
}
};
</script>
en este caso, seria hacer un cambio de idioma en base a la seleccion del usuario, si el usuario quiere ver el contenido en italiano, se llama el fragmento (script
) en idioma italiano, gracias al utilizo de la clase o del id que le has dado al tag script
.
espero que te sea de ayuda exitos.
Las etiquetas de uso para la etiqueta script
son
crossorigin
Aquí tienes una fuente oficial de la W3C para verificar, los atributos que son necesarios en esta etiqueta script tag
<script type="text/javascript"></script>
Entonces el uso de class
para que es?
La etiqueta
class
es un atributo de tipo global que se usa para indicar un identificador a mas de un elemento dentro del DOM, con ayuda de CSS sirve para aplicar estilos visuales a 2 o mas elementos a la vez
Entonces si yo hago esto
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
<style>
h1{
color: red;
}
</style>
</head>
<body>
<script type="text/javascript" class="colores">
document.write("<h1> Hola Mundo </h1>")
</script>
</body>
</html>
Lo único que estoy generando es aplicarle un color de texto rojo al texto del h1
que se imprime por medio de la instrucción document.write
Uso de ID y CLASS
script
que los dos que has puesto.
src
, las dos más importantes serían las que no comentas: async
y defer
. Aparte de los atributos globales.