Podemos resumir que uma página HTML é composta obrigatóriamente de um Elemento - O Script HTML.
Contudo, podemos incorporar a este script CSS, JavaScript, etc.
Nesta página demonstro quem é renderizado primeiro e quando.
Exemplo 1
Notas:
1-O valor inicial do Label é : 'Valor_inicial_do_Label_1'.
2-Coloquei um script no inicio da página, no header para alterar seu valor.
O script dá erro porque ele é executado antes que o elemento seja renderizado.
Abra o console de depuração do browser e você verá.
Script:
var a;
a = document.getElementById('label1');
a.innerHTML = 'Novo_Valor_do_Label_1';
Funcionamento:
O campo abaixo é um simples campo label com id que um script anterior tenta alterar seu valor:
Se o valor exibido acima for 'Valor_inicial_do_Label_1' significa que o script falhou.
Se o valor exibido acima for 'Novo_Valor_do_Label_1' significa que o script funcionou.
Exemplo 2
Notas:
1-O valor inicial do Label é : 'Valor_inicial_do_Label_2'.
2-Coloquei um script no fim da página, antes do /body para alterar seu valor.
O script dá certo porque ele é executado depois que o elemento seja renderizado.
Script:
var a;
a = document.getElementById('label1');
a.innerHTML = 'Novo_Valor_do_Label_2';
Funcionamento:
Mais uma vez campo abaixo é um simples campo label com id :
Se o valor exibido acima for 'Valor_inicial_do_Label_2' significa que o script falhou.
Se o valor exibido acima for 'Novo_Valor_do_Label_2' significa que o script funcionou.