Navegadores – Chrome – window.open – pop-up

Chrome, Javascript, window.open em uma nova guia
Chrome, Javascript, window.open in new tab
Window.open não funciona no Google Chrome
Window.open not work in Google Chrome

Abrir páginas usando Window.open com um nome diferente da pagina atual irá abrir em uma nova janela do navegador como um pop-up, ou pode abrir em uma nova aba, vai depender das configurações do usuário no navegador.

O comportamento dos navegadores para window.open depende de onde ele é chamado.

Quando window.open é chamado de uma ação direta do usuário (por exemplo, onclick), ele irá se comportar semelhante ao <a target="_blank">, que por padrão abre em uma nova aba.
No entanto, se window.open é chamada em outros lugares (de uma ação NÃO direta do usuário), alguns navegadores abrem uma nova pagina, quase como um pop-up.

Se não for usar uma ação direta do usuário, segue uma dica de função que trabalha plenamente, abrindo uma nova pagina onde você pode configurar parâmetros como: tamanho, posição, barras de rolagem…

window.open

<script>
function fcnOpenPage(strUrl, strWindowName) {
// setWinObj = Referência para a nova pagina
var setWinObj;
// varStrUrl = A URL da pagina que será aberta
var varStrUrl=strUrl;
// varStrWindowName = Nome da pagina (não deve conter espaços em branco)
var varStrWindowName=strWindowName;
// varStrWindowFeatures = Características (tamanho, posição, barras de rolagem, etc.)
var varStrWindowFeatures='scrollbars=yes,toolbar=no,';
varStrWindowFeatures+='menubar=no,resizable=yes,';
varStrWindowFeatures+='location=no,directories=no,status=no,titlebar=yes';
//
setWinObj = window.open(varStrUrl, varStrWindowName, varStrWindowFeatures);
//
var xWinWidth = screen.width;
var xWinHeight = screen.height;
setWinObj.moveTo(0, 0);
setWinObj.resizeTo(xWinWidth, xWinHeight);
setWinObj.focus();
}
</script>

<!-- Exemplo de como chamar a função: <script> fcnOpenPage('pageXYZ.php','NameExemplo'); </script> -->

Chrome-Navegadores-pop-up-window.open-janela-aba-nova aba-onclick-_blank-pagina-function-exemplo-nova guia-tamanho

Próximo Post

Anterior Post



Top 50
Boo, o cachorro mais bonito do mundo Dicas financeiras – Como juntar dinheiro Raças de gatos fora do comum Carne na panela / Carne de panela A praia escondida mais bonita do mundo Calcinhas para aumentar o bumbum Hotel – Praias de nudismo As mulheres mais lindas do mundo Roupas que enlouquecem os homens Horta caseira – Dicas O sucesso de Anastasiya Kvitko no Instagram Novo Fiesta Sport Mulher sem roupa na rua Honda HR-V – Honda HRV Guerra do Vietnã – Vietnam War Sue Lasmar – O corpo mais perfeito de USA Game of Thrones – Rosie Mac x Emilia Clarke Mulher sem calcinha Depilaçao genital As mulheres e as lingeries Entrevero – carne na tabua – carne no disco Novo Jetta – Volkswagen Jetta Novo Jetta – Volkswagen Jetta As praias mais lindas do mundo Sexting adolescente Receita à la minuta Segredos da mulher de touro Renault Sandero Stepway James Bond contra SPECTRE Arte das unhas – Unhas decoradas Segredos da mulher de sagitário Renault KWID Stand Up Paddle Qual o gato mais lindo do mundo? Utilidades da água oxigenada Tijolo de encaixe – Tijolo ecológico Essa é pros comilões. Vai encarar? Essa é pros comilões. Vai encarar? A história do Volkswagen Gol Segredos da mulher de leão Seres humanos e cavalos Segredos da mulher de capricórnio A história e evolução do bikini A moda plus-size – Modelos plus-size Bento Gonçalves – RS Jessie J – Flashlight – A Escolha Perfeita 2 Receitas com Bacon Segredos da mulher de escorpião Os signos revelam os segredos das mulheres Coachella Valley Music and Arts Festival