O que é janela.aberto em javascript

O que é janela.aberto em javascript
No HTML, a tag de âncora é usada para redirecionar usuários de uma página para outra. Esse tipo de tag está limitado apenas à abertura de um link na página atual ou em uma nova guia; Ambas as maneiras não são adequadas se você quiser garantir que o usuário permaneça envolvido com seu conteúdo. Em solução, você deve interagir com JavaScript, no qual os novos links ou páginas podem ser abertos em pop -ups ou em novas janelas do navegador.

Este artigo fornecerá orientação sobre a janela.Método Open () em JavaScript.

O que é janela.Open () em JavaScript?

Em JavaScript, “janela.abrir()”O método é utilizado para abrir uma nova janela do navegador com ou sem qualquer conteúdo. Este método fornece controle sobre a janela do navegador para ajustar a altura da janela, a largura e a posição.

Como usar a janela.Open () em JavaScript?

Para usar a janela.Método Open () em JavaScript, utilize a seguinte sintaxe:

janela.aberto (URL, Target, Window -LeAbures)

Aqui, "url”Representa o endereço da URL da página que precisa ser aberto. Se não for especificado, por padrão, uma guia ou janela em branco será aberta.

Alvo: Isso atribui o nome da janela em que o contexto é carregado. Além disso, você também pode declarar os seguintes metas/opções para ter mais controle sobre sua janela:

  • _em branco: Esta é a opção padrão na qual o URL é carregado em uma nova guia ou janela.
  • _parent: URL será aberto na janela de trabalho atual.
  • _ auto: Isso substituirá a página atual pelo URL especificado.
  • _principal: Isso abrirá o URL em qualquer janela carregada

Banelas de janela: Isso o ajudará a personalizar uma janela de acordo com sua necessidade. É um argumento opcional. Os seguintes valores são suportados:

  • altura = pixels: Isso demonstra a altura da janela. A unidade só pode ser atribuída em pixels (px).
  • largura = pixels: Esta opção definirá a largura da janela.
  • Esquerda = pixels: Ajuste a janela do lado esquerdo.
  • top = pixels: Especifique a posição superior da janela
  • Redicável = Sim | Não: Isso permitirá que a janela seja redimensionável, respectivamente.
  • Menubar = sim | Não: Controle o comportamento de se a barra de menus será exibida ou não.
  • ScrollBars = Sim | Não: Exibir ou ocultar as barras de rolagem em alguns navegadores específicos, como Firefox, IE e Opera.
  • status = sim | não: Decida se a barra de status será mostrada ou não.
  • TitleBar = Sim | Não: Defina esta opção para sim, se você deseja mostrar a barra de título; Caso contrário, não.

Vamos aplicar alguns valores no exemplo abaixo para entender como a janela.o método open () funciona em javascript.

Exemplo 1

Em nosso exemplo, utilizaremos “

"E um"" marcação.

A tag contém algum texto que descreve o propósito do botão. Em seguida, na tag, definiremos o “ONCLICK”Evento e atribua uma função chamada“xyzfunction ()”. Coloque as duas tags na etiqueta do arquivo HTML:

Clicar no botão Abaixo abrirá uma nova janela com dimensões definidas


Dentro de "xyzfunction ()”Do nosso arquivo JavaScript, especificaremos o“nova janela”Como uma variável. Ao manter a sintaxe em mente, usaremos o “janela.abrir()”Método junto com o URL como“ https: // linuxhint.com ”e defina a altura como“250”E largura“400" (píxeis). Use o "" "para deixar o valor alvo vazio:

função xyzfunction ()
var newwindow = janela.aberto ("https: // linuxhint.com "," "," altura = 250, largura = 400 ");

Como resultado, quando o botão adicionado for clicado, uma nova janela será aberta de acordo com o URL especificado:

Vamos dar outro exemplo para ver como o valor alvo faz sua parte na janela.Método Open ().

Exemplo 2

Neste exemplo, discutiremos primeiro o objetivo do botão com a ajuda de algum texto:

Clicar no botão abaixo abrirá o link no quadro pai
com dimensões definidas

Vamos utilizar o valor alvo como “_parent”Juntamente com os mesmos URL e recursos de janela usados ​​no exemplo anterior. No entanto, especificar o argumento de _parente abrirá o link no quadro atual:

função xyzfunction ()
var newwindow = janela.aberto ("https: // linuxhint.com "," _parent "," altura = 250, largura = 400 ");

Saída

Nós abordamos em detalhes o que é janela.Open () em JavaScript.

Conclusão

““janela.abrir()”É um método predefinido de JavaScript que é utilizado para abrir a nova janela do navegador com ou sem qualquer conteúdo. Ele fornece várias opções para controlar a janela do navegador, como altura, largura e posição. Neste manual, explicamos em detalhes que janela.open () é e como usá -lo em javascript.