2
respostas

Local do caminho do javascript

Tem algum problema se colocar o

"<script src="js/principal.js"></script>" 

após a tag <\body>? Fiz o teste e funcionou normalmente

2 respostas

Oi Bruno, tudo bem?

Bom, não sei se entendi sua pergunta muito bem. Acho que você quis dizer sobre a tag script, certo?

Então, a tag script pode ser colocada em qualquer parte do seu código, dentro de html, mas é recomendado que se coloque ou no head ou no fim body.

Se você vai escrever algo no browser , usando por exemplo um document.write , você precisa colocar a sua tag script no body, pois se você colocar ela em head, o script não irá conseguir escrever no elemento document , já que este ainda não foi gerado pelo browser (que interpreta o código de cima para baixo.).

Agora, se você não precisa manipular dados da página, você pode colocar os scripts no head.

Outra coisa que pode ser levada em consideração é a experiência de usuário, pois quando o browser encontra uma tag script, ele para de carregar o html e começa a carregar o javascript. Depois que o javascript for carregado, ele volta a carregar o html. Por isso, se você deixar seu javascript em head, o browser pode demorar para carregar o conteúdo mais importante para o usuário.

Oi, Bruno, tudo bem?

Não é interessante, se o carregamento for de forma síncrona, mesmo que funcione, pois a tag body tem um comportamento esperado de carregamento.

Um < script > no head faz com que seja executado antes de qualquer elemento ser colocado no body.

Já um < script > no final do body permite que o conteúdo antes dele já apareça para o usuário sem ter de esperar sua execução. Isso passa a impressão de agilidade, pois para o usuário já é carregado o html e css.

Espero ter te ajudado!