¿Dónde colocar el código JavaScript?
Normalmente, el código JavaScript se usa con el código HTML, y el código JavaScript se puede colocar en cualquier lugar de un documento HTML. Sin embargo, el lugar donde se coloca tendrá un cierto impacto en la ejecución normal del código JavaScript, como se describe a continuación.
Colocado entre <BEAD> </head>
Es una práctica común colocar el código JavaScript entre las etiquetas <head> </head> en los documentos HTML. Dado que los documentos HTML están cargados por el navegador de arriba a abajo, colocar el código JavaScript entre las etiquetas <BEAD> </head> asegura que se ha cargado antes de que necesite usar el script:
La copia del código es la siguiente:
<html>
<Evista>
<script type = "text/javaScript">
...
Código JavaScript
...
</script>
</ablo>
....
Colocado entre <body> </body>
También hay algunos casos en los que se coloca el código JavaScript entre <body> </body>. Imagine la siguiente situación: tenemos una pieza de código JavaScript que necesita manipular elementos HTML. Sin embargo, dado que el documento HTML está cargado por el navegador de arriba a abajo, para evitar que el elemento HTML no se cargue y el código de JavaScript no se cargue un error (el objeto no existe) al manipular elementos HTML. Por lo tanto, este código debe escribirse detrás del elemento HTML. El ejemplo es el siguiente:
La copia del código es la siguiente:
<html>
<Evista>
</ablo>
<Body>
</body>
<div id = "div1"> </div>
<script type = "text/javaScript">
document.getElementById ("div1"). innerhtml = "texto de prueba";
</script>
</html>
Pero, por lo general, nuestro funcionamiento de los elementos de la página suele ser impulsado por eventos, por lo que esta situación es rara. Además, no recomendamos escribir código JavaScript fuera de <html> </html>.
pista
Si el documento HTML se declara como XHTML, la etiqueta <Script> </script> debe declararse dentro de la sección CDATA, de lo contrario, XHTML analizará la etiqueta <Script> </script> en otra etiqueta XML, y el código JavaScript en el interior no se puede ejecutar normalmente. Por lo tanto, el uso de JavaScript en Strict XHTML debe declararse como el siguiente ejemplo:
La copia del código es la siguiente:
<html>
<Evista>
<script type = "text/javaScript">
<! [Cdata [
Código JavaScript
]]>
</script>
</ablo>
....
Las dos formas anteriores de escribir el código JavaScript en documentos HTML son ambas formas de hacer referencia al código JavaScript dentro del documento HTML. Además de las referencias internas, también se pueden usar referencias externas.
Referencia externa al código JavaScript
Hacer que el código JavaScript (excluyendo <script> </script> etiquetas) un documento separado, llamado con un sufijo JS, como myscript.js, y use el atributo SRC en el documento HTML <Script> </script> Etiqueta para hacer referencia al archivo:
La copia del código es la siguiente:
<html>
<Evista>
<script type = "text/javaScript" src = "myscript.js"> </script>
</ablo>
....
Los beneficios son obvios después de usar el código JavaScript referenciado externo:
1. Evite usar <!-... //-> en el código JavaScript
2. Evite usar cdatas feas
3. El código público JavaScript se puede replicar en otros documentos HTML, que también conduce al mantenimiento unificado del código JavaScript.
4. El documento HTML es más pequeño, que es propicio para la recopilación de motores de búsqueda
5. Puede comprimir y cifrar un solo archivo JavaScript
6. El navegador puede almacenar en caché los archivos JavaScript para reducir el uso de banda ancha (cuando varias páginas usan un archivo JavaScript al mismo tiempo, generalmente solo necesita descargarse una vez)
7. Evite el uso de entidades HTML complejas, como document.write (2> 1) se puede usar directamente sin escribir document.write (2 <1)
Formar el código JavaScript en archivos externos también aumentará la carga de las solicitudes HTTP en el servidor. En un entorno de solicitudes concurrentes súper altas, esta no es una buena estrategia. Además, al referirse a archivos JS externos, debe prestar atención a la ruta correcta del archivo.