Não recomendo usar variáveis globais. Vejamos algumas possibilidades para evitar isso.
Solução usando um objeto como parâmetro
Um objeto { ... }
é uma forma flexível de passar vários parâmetros quando necessário, como se fosse um mapa.
$(document).ready(function(){
iniciarSite({
pagina: "site1",
outroAtributo: 10
});
});
function iniciarSite(args){
if(args.pagina == "site1"){
alert("Estou no site 1");
}
}
Solução usando um estado global
Não considero uma solução elegante, afinal ainda é uma variável global, porém é melhor juntar todo o "lixo" num lugar só do que ter variáveis "soltas" e "esparramadas" por todo o código.
var pageConfig = {
pagina: "site1" //valor default
};
$(document).ready(function(){
//necessário apenas se o valor mudar durante a execução
//pageConfig.pagina = "site1";
iniciarSite();
});
function iniciarSite(){
if(pageConfig.pagina == "site1"){
alert("Estou no site 1");
}
}
É um chute, mas acredito que o arquivo JavaScript que define o valor da variável pagina
seja um arquivo específico incluído num HTML específico, enquanto o outro arquivo JavaScript seja um arquivo geral incluído em várias páginas.
Se for isso, o seguinte exemplo seria algo mais adequado:
Arquivo específico:
//define as propriedades da página atual
var pageAttributes = {
pagina: "site1"
/*Outras propriedades da página*/
};
Arquivo geral:
//lê propriedades da página específica e inicializa o site
$(function() {
if (pageAttributes) { //verifica se existem propriedades, caso contrário não faz nada
if (pageAttributes.pagina == "site1") {
alert("Estou no site 1");
}
}
});
No exemplo acima, o objeto pageAttributes
armazena as configurações específicas da página. Isso nem precisaria ficar num JavaScript separado. Esse tipo de informações pode ir dentro do HTML mesmo.
Só não esqueça que o script específico deve ser incluído sempre antes do script geral.