Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Daniel-DF

O javascript precisa estar nas tags head?

Recommended Posts

Boa noite!

O código em java script precisa estar nas tags head?

 

<html>

<head>

<title>teste</title>

codigo javascript

</head>

<body>

</body>

</html>

 

Pode ser na tag body?

 

<html>

<head>

<title>teste</title>

</head>

<body>

codigo javascript

</body>

</html>

 

E sem tags HTML?

 

codigo javascript

 

Obs: Meu teste funcionou das três formas, mas preciso saber se existe um padrão para evitar erros.

Obs2: No meu caso gostaria de de usar sem tags HTML pois estou desenvolvendo um projeto em com includes em PHP, mas preciso saber se é conveniente.

Compartilhar este post


Link para o post
Compartilhar em outros sites

nao tem problema

 

é recomendado que funcões estáticas sejam declaradas no cabeçalho ou antes de fazer uma chamada

 

exemplo

 

example 1

alert( foo() );

function foo(){
	return 'bar';
}

 

example 2

function foo(){
	return 'bar';
}

alert( foo() );

 

em example 1, poderá retornar exception error, pois o código HTML / JS/ CS é interpretado e executado em cascata. Apesar de que a interpretação varia de acordo com o browser

 

outra questão para tomar cuidado é chamar objetos antes do carregamento total da página.

 

é um erro muito comum entre desenolvedores

 

example 1

<script language=javascript>
	obj = getElementById( 'foo' );
	alert( obj.innerHTML );
</script>

<div id="foo">bar</div>

example 2

<div id="foo">bar</div>

<script language=javascript>
	obj = getElementById( 'foo' );
	alert( obj.innerHTML );
</script>

 

 

há casos em que há necessidade de escrever o javascript antes dos objetos

para nao gerar erros, basta chamar o evento onload

 

 

example 2

<script language=javascript>
	function fooBar(){
		obj = getElementById( 'foo' );
		alert( obj.innerHTML );
	}

	window.onload = fooBar; // fooBar() será executado após o carrgamento total da página
</script>

<div id="foo">bar</div>

 

 

nota importante:

o atributo language está em desuso (deprecated) desde o HTML 4.01

<script language=javascript>

 

o atributo ainda pode ser utilizado, mas se o DTD da página estiver como "strict" o atributo nao será reconhecido

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
	 "http://www.w3.org/TR/html4/strict.dtd">

quando estiver em Strict DTD, utilize a diretiva "type" ao abrir tags de scripts

<script type="text/javascript">

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.