Serkronyx
3/2/2018 - 4:43 AM

Diferencia Sript en el Body/Header

Diferencia entre un

dif_Script_Header_Body.md
content_copyfile_download
  • Rendered
  • Source

Script en el header

Cuando se agrega un script en el header, éste no se ejecutará hasta que se cargue por completo la página HTML, esto se debe al #(document).ready() ya que empezara a ejecutarse hasta que HTML se haya cargado por completo.

<header>
  <script>
    $(document).ready(function(){
      $("#boton1").hiden();
    })
  </script>
</header>

Script en el body

Cuando se interpreta el HTML, se empieza a interpretar linea por linea, eso quiere decir que si tenemos un script debajo de un botón este se ejecutará enseguida de que se interprete el botón por loq ue la acción que indique el script se ejecutara inmediatamente y no hasta que se termine de pintar la página.

<body>
  <input type="button" id="boton1">
  
  <script>
      $("#boton1").hiden();
  </script>
</body>

Script hasta el final de la página

Es recomendable poner un script al final del html, ya que si es muy grande tardara en cargar la página y puede aparecer en blanco en lo que acaba de procesar el script, por lo que si se pone al final se mostrará la página en lo que se acaba de procesar el script.