JavaScript: Carregando uma página em uma nova janela

Estarei explicando como utilizar o JavaScript para carregar uma página em uma nova janela, ao pressionar um link.

1º. Vamos criar uma função que servirá de base para a execução do código.

<html>
  <head>
  <script language=javascript>
	function novaJanela (URL){
   		window.open(URL,"janela1","width=800, 
                                   height=600,
                                   directories=no,
                                   location=no,
                                   menubar=no,
                                   scrollbars=no,
                                   status=no,
                                   toolbar=no,
                                   resizable=no")
	}
  </script> 
  </head>
  <body>
      <a href="javascript:novaJanela('pagina.html')">Clique aqui para abrir</a>  
  </body>
</html>

Explicando: O carregamento da nova página vai ocorrer quando clicar em “Clique aqui para abrir”. O link é criado dentro do html com a tag a + href. No atributo href da tag a, foi inserido o código que vai executar a função.

Esta função deve receber como parâmetro a página que deseja abrir. Podemos, alterar alguns parâmetros desta função, como: tamanho da janela (width e height), se a janela pode ser redimensionada (resizable), se é permitido barra de rolagem (scrollbars) entre outros.

Poderíamos também executar esta função através de um botão, porém neste caso devemos utilizar um manipulador de evento (onClick).

3 comentários em “JavaScript: Carregando uma página em uma nova janela

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *