Redirecionamento por JavaScript com JQuery

Para quem está, ou esteve, com dificuldades em trabalhar com o redirecionamento de página via JavaScript, pelo seu problema de compatibilidade com os browsers, utilize o código jQuery abaixo:

$(location).attr('href', 'http://www.dominio.com.br/');

O código é simples e direto e funciona nos principais browsers – até o IE6.

Javascript e o IE… relação conturbada

Recentemente tive problemas com a execução de Javascript – pra ser mais específico o SWFObject – onde o IE6 (e o IE7, também) fechavam repentinamente. Com o erro “operação anulada” – se me lembro bem.

Dando uma googlada básica, descobri que existe um atributo chamado “defer” que informa ao browser que o script não gera nenhum conteúdo e pode ser executado posteriormente, basta aplicá-lo na tag “script”, por exemplo:

Assim o browser – no caso o IE – fará a interpretação de toda a página e posteriormente do script com o atributo.

Só um adendo: também tive problemas com o script do BooBox, quando resolvi colocar o script no header.

Empacotando o seu JavaScript

Nunca se usou tanto JavaScript na criação de site, principalmente com o surgimento de frameworks, como o JQuery e, com isso, uma das técnicas que estão ganhando popularidade é o empacotamento (packing) dos scripts para o ganho de performance para o visitante do site e a economia de banda para o proprietário do site.

No mercado há duas ferramentas populares, o JSMin que remove os espaços, comentários e quebra de linhas. O outro é o Packer criado por Dean Edwards, que é largamente utilizado pelos fãs de JQuery devido a sua alta compressão.

Só uma observação a respeito do Packer, para que o script funcione corretamente após o “packing” ele precisa estar escrito corretamente, por isso recomendo que utilize a ferramenta online de validação JSLint antes de empacotar o seu script.