Establecer la fuente de la imagen javascript
para establecer múltiples atributos en el elemento img.El método setAttribute toma 2 parámetros:Si el atributo ya existe en el elemento, el valor se actualiza, de lo contrario se añade un nuevo atributo con el nombre y el valor especificados.Establecemos el atributo src a una imagen remota en el ejemplo, sin embargo esto podría
Nota: no es necesario añadir estos controladores de eventos si no necesitas invocar una función cuando el script se carga o no se carga.
Javascript image src
Cuando el navegador carga el HTML y se encuentra con una etiqueta <script>…</script>, no puede seguir construyendo el DOM. Debe ejecutar el script ahora mismo. Lo mismo ocurre con los scripts externos <script src=”…”></script>: el navegador debe esperar a que el script se descargue, ejecutar el script descargado, y sólo entonces puede procesar el resto de la página.
Pero esta solución está lejos de ser perfecta. Por ejemplo, el navegador se da cuenta del script (y puede empezar a descargarlo) sólo después de haber descargado el documento HTML completo. En el caso de los documentos HTML largos, esto puede suponer un retraso notable.
deferEl atributo defer indica al navegador que no espere el script. En su lugar, el navegador continuará procesando el HTML, construyendo el DOM. El script se carga “en segundo plano”, y luego se ejecuta cuando el DOM está completamente construido.
En otras palabras, los scripts asíncronos se cargan en segundo plano y se ejecutan cuando están listos. El DOM y otros scripts no los esperan, y no esperan nada. Un script totalmente independiente que se ejecuta cuando se carga. Tan simple como puede ser, ¿verdad?
Origen del javascript
The async and defer boolean attributes of the <script> element control how an external script should be executed once it has been downloaded. The async attribute makes sense when an external script (defined with the src attribute) is loaded, or when defining a script of type module:
The defer and async boolean attributes of the <script> element control how an external script should be executed once it has been downloaded. These attributes only make sense when referring to external scripts, so a src attribute must also be present to specify the location of the script.
The HTML <textarea> element represents a multi-line plain-text editing control, and is useful when you want to allow users to enter a sizeable amount of free-form text, for example a comment on a review or feedback form.
An <iframe> element allows to embed an HTML document inside another HTML document, and its src attribute is indicated the source URL of the embedded web page. The src attribute is a required attribute, so it cannot be blank.
Javascript setattribute id
son elementos cuyo contenido no se ve afectado por los estilos del documento actual. La posición del elemento reemplazado puede ser afectada usando CSS, pero no el contenido del elemento reemplazado en sí.
Si especifica el valor ‘cover’ para el elemento en cuestión, la anchura y la altura de la imagen de fondo se incrementarán proporcionalmente hasta que ambas cubran el elemento y luego se recorte el desbordamiento. Si en lugar de ello utilizas el valor ‘contain’ entonces toda la imagen se mostrará dentro del elemento pero, por supuesto, no lo cubrirá en su totalidad a menos que su relación de aspecto sea la misma.
Un span es un elemento inline y no aceptará dimensiones a menos que lo hagas display:block (y en cuyo caso probablemente debería ser un elemento block por defecto dependiendo del contexto). El top:0 es redundante y no hace nada y no existe el align-text:center.
Aplicas un borde pero no le das ancho, lo que significa que el navegador probablemente le dará el ancho por defecto de 3px. Por lo tanto, si el elemento acepta el 100% de la anchura y la altura y también tiene bordes de 3px alrededor del borde, será demasiado grande para caber en cualquier lugar.
