Não verifique a página
Uma solução mais drástica, mas que considero mais flexível e adequada, seria não codificar orientado a páginas, mas sim a componentes na página.
Isso significa que, ao invés de um código que "sabe" em que página está, seria melhor um código que "reage" adequadamente em qualquer página.
Como fazer isso? Existem várias formas.
Imagine um cenário onde você quer decorar suas tabelas com com plugin Data Tables, usando o comando dataTables()
. O problema é que somente as telas de pesquisa possuem tabelas.
A princípio você poderia fazer algo assim:
function iniciarSite(args){
if(args.pagina == "pesquisa-paises"){
$('#tabela-paises').dataTables();
}
if(args.pagina == "pesquisa-estados"){
$('#tabela-estados').dataTables();
}
if(args.pagina == "pesquisa-municipios"){
$('#tabela-municipios').dataTables();
}
}
Entretanto, poderíamos generalizar isso muito facilmente usando uma classe especial, por exemplo decorate-dt
. Com uma pequena modificação nas tabelas (<table class="decorate-dt">
) nosso código poderia terminar assim:
function iniciarSite(args){
$('.decorate-dt').dataTables();
}
Ele sempre seria executado e não faria nada no caso de não encontrar tabelas com a classe CSS.
E se fosse necessário personalizar uma ou outra tabela com parâmetros específicos? Basta usar atributos data-*
nas tags correspondentes, então toda a configuração fica no HTML, sem necessidade de script.
Plugins reconhecidos como o DataTables e os plugins JavaScript do Bootstrap possuem suporte nativo a esse tipo de estrutura.
Para rotinas próprias, use a função jQuery.data()
para ler as configurações específicas.
Aliás, mesmo que você queira manter a verificação de qual página você está ainda poderia usar esta técnica. Coloque um atributo data no seu (<body data-pagina="site1">)
e depois acesse o atributo. Exemplo:
function iniciarSite(args){
var pagina = $('body').data('pagina');
if (pagina == "site1") {
alert("Estou no site 1");
}
}