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


iEXE




9dades
       Copyright 2000-2015 - 9dades