¿Cuál es la diferencia entre tener un en el archivo HTML y tener el código JavaScript en la pestaña JS.script?

Mantener JS, CSS y HTML separados entre sí hace que el código sea mucho más legible, mantenible, escalable y depurable.

Cuando el código se separa claramente, eso significa que otros ingenieros pueden leerlo fácilmente en el futuro y que se harán cargo de la responsabilidad de ese proyecto, y que pueden moverse fácilmente en el código.

Mantener el código es crucial para cualquier aplicación. Si el código no está separado, significa que es un desastre y trabajar en ese código requiere mucho más esfuerzo, energía y paciencia. Manténgalos separados y traiga las mejores prácticas, mientras escribe el código, para mantener el código ordenado y ordenado para mantenerlo.

Siempre es bueno estructurar el código de manera tal que pueda escalar fácilmente. Cuando se necesita agregar una nueva característica como componente, entonces debería ser relativamente fácil adjuntar un nuevo componente, lo que significa que el ingeniero no debe realizar cambios en varios lugares para que funcione. Debería poder escalar fácilmente.

Ahora, si el código js y html está en un archivo html, cualquier error que ocurra aparecerá en el html. Ahora, para proyectos pequeños, puede que no sea un gran problema, pero para aplicaciones de gran escala en algún momento se hace difícil depurar ese código. La separación del código permite a los ingenieros dónde podría existir el error.

La diferencia es que primero uno es desordenado y el otro es un resultado limpio y fácil de entender. Si corta el contenido entre y de su archivo HTML y lo pega en un archivo .js, puede aplicar el mismo JavaScript para todas las demás páginas HTML en su sitio web y obtendrá códigos HTML limpios que son No es desordenado y fácil de entender.


En el desarrollo web, se recomienda mantener su archivo HTML aparte de otros códigos como JS o CSS , mantenerlos siempre en archivos externos.

Hay bastantes beneficios en realidad

  • Su código es fácil de leer y mantener
  • Puede reutilizar su código en varias páginas en lugar de copiarlo y pegarlo en varias páginas
  • CSS / JS normalmente se comprime por separado para reducir el tamaño del archivo y, por lo tanto, el tiempo de carga de la página
  • Los archivos externos se almacenan en caché en JavaScript, por lo que una vez cargado, JavaScript cargará los recursos externos de la memoria caché.

Comencemos con un ejemplo, estoy haciendo un sitio web y quiero que el logotipo esté en cada página, ahora, en este momento, algunas personas deciden hacer el logotipo en un archivo separado (por el bien de esta explicación, llamaré el archivo “logo.php”: estoy llamando a php en lugar de html, todavía funciona perfectamente de la misma manera) para que luego pueda incluir el archivo logo.php en un archivo en el que quiero que esté el logotipo simplemente usando el php incluye la función, este método me ahorra más tiempo en lugar de codificar todo de nuevo. Debido a que el ejemplo del logotipo es un archivo bastante corto, es posible que no vea las grandes diferencias que hace, sin embargo, en casos de infinitas páginas de codificación, le tomaría más tiempo volver a la página original donde tiene el código y copiar pegarlo Sería más conveniente tener un archivo separado donde tenga esos códigos importantes y populares (úselo a menudo) para que pueda incluir rápidamente el archivo y esta es la diferencia entre usar el script en un archivo de texto y en un archivo separado, es principalmente la cantidad de tiempo que pierdes.

Bueno, un archivo JavaScript externo lo hace más organizado para editar código y es una forma estándar de hacerlo. Aunque una etiqueta de script puede parecer la salida fácil, en algunos casos es contra la policía, como Google Chrome Apps. Las secuencias de comandos en línea en las aplicaciones de Chrome están prohibidas, por lo que puede parecer una buena idea usar el código JavaScript en un archivo aislado.

Un archivo aislado para el código JavaScript también es muy útil para la reutilización. Si desea utilizar el mismo código para muchas páginas, siempre es una buena idea hacer un solo archivo JavaScript. ¡Esto ahorrará espacio y le permitirá hacer cambios en un archivo para que se reflejen en todas las páginas a la vez!

¿Qué quieres decir con tab? Supongo que estás usando algún tipo de software. En cualquier caso, tener un código JavaScript que no esté directamente en el HTML en una etiqueta de script solo significa que es otra solicitud del servidor para cargar el archivo .js.