Skip to main content

Como abrir um link em uma nova janela usando JavaScript

Como Redirecionar o Usuário Para Outra Página Em JavaScript (Junho 2024)

Como Redirecionar o Usuário Para Outra Página Em JavaScript (Junho 2024)
Anonim

JavaScript é uma maneira útil de abrir um link em uma nova janela, porque você controla como a janela ficará e onde ela será colocada na tela, incluindo especificações.

Sintaxe para o método Open () da janela JavaScript

Para abrir um URL em uma nova janela do navegador, use o método Javascript open () como mostrado aqui:

window.open (URL, nome, especificações, substituir)

e personalizar cada um dos parâmetros.

Por exemplo, o código abaixo abre uma nova janela e especifica sua aparência usando parâmetros.

Parâmetro de URL

Digite o URL da página que você deseja abrir na nova janela. Se você não especificar um URL, uma nova janela em branco será aberta.

window.open ("https://www.somewebsite.com", "_blank", "barra de ferramentas = sim, topo = 500, esquerda = 500, largura = 400, altura = 400");

Parâmetro de nome

o nome parâmetro define o destino para o URL. Abrir o URL em uma nova janela é o padrão e é indicado desta maneira:

  • _em branco. Abre uma nova janela para o URL.

Outras opções que você pode usar incluem:

  • _auto. Substitui a página atual pelo URL.
  • _parent. Carrega o URL no quadro pai.
  • _topo. Substitui todos os conjuntos de quadros que são carregados.

Especificações

o especificações parâmetro é onde você personaliza a nova janela digitando uma lista separada por vírgula sem espaços em branco. Escolha entre os seguintes valores.

  • altura = pixels. Esta especificação define a altura da nova janela em pixels. O valor mínimo que pode ser inserido é 100.
  • largura = pixels. Isso define a largura da nova janela em pixels. O valor mínimo é 100.
  • esquerda = pixels. Esta especificação define a posição esquerda da nova janela. Nenhum valor negativo pode ser inserido.
  • top = pixels Isso define a posição superior da nova janela. Valores negativos não podem ser usados.
  • menubar = sim | não | 1 | 0. Use esta especificação para indicar se deve ou não exibir a barra de menus.
  • status = yes | no | 1 | 0. Isso indica se deve ou não adicionar uma barra de status.

Algumas especificações são específicas do navegador:

  • localização = sim | não | 1 | 0. Esta especificação indica se deve ou não mostrar o campo de endereço. Apenas para o navegador Opera.
  • resizeable = sim | não | 1 | 0. Determina se a janela pode ou não ser redimensionada. Para uso apenas com o IE.
  • localização = sim | não | 1 | 0. Indica se deve ou não exibir barras de rolagem. Compatível apenas com o IE, Firefox e Opera.
  • barra de ferramentas = sim | não | 1 | 0. Determina se deve ou não mostrar a barra de ferramentas do navegador. Compatível apenas com o IE e o Firefox.

Substituir

Esse parâmetro opcional tem apenas uma finalidade: especificar se a URL aberta na nova janela substitui a entrada atual na lista de histórico do navegador ou aparece como uma nova entrada.

  • Quando verdade, o URL substitui a entrada atual do navegador na lista do histórico
  • Quando falso, o URL é listado como uma nova entrada na lista do histórico do navegador.