Problemas cuando está en js externo

[margancia]

Hola a todos, como están?

Estoy intentando pasar todos los javascript que tengo en el head del sitio a js externos.

Para que se destaque la sección que se está navegando uso lo siguiente:

<script type="text/javascript">
var url = document.location.href;
if(url.indexOf('/index.html')>0)
document.getElementById('seccion-1').className = 'sec-select';
else if(url.indexOf('/contacto.html')>0)
document.getElementById('seccion-2').className = 'sec-select';
else if(url.indexOf('/nosotros.html')>0)
document.getElementById('seccion3').className = 'sec-select';
else
document.getElementById('seccion-1').className = 'nav-select';
</script>


Funciona perfecto dentro del html pero cuando lo paso al js externo deja de funcionar. Que puede ser? Tienen alguna idea?

Por otro lado, es bueno utilizar este sistema o conviene cambiar el código del menu sección por sección para que se seleccione la seccion que se está navegando?

Muchas gracias
Saludos!