Como abrir uma janela pop -up em JavaScript usando OnClick?
Janelas pop -up na página da web aprimoram a experiência do usuário. É um recurso útil da linguagem JavaScript que é usada para exibir informações ou recursos adicionais sem sair da página atual. Por exemplo, se você deseja fornecer algumas informações extras de qualquer outro site em um botão de clique, use uma janela pop -up para abrir o URL fornecido. Ajuda a manter o usuário no mesmo site e também a acessar informações relacionadas de recursos externos.
Este blog ilustrará o procedimento para abrir uma janela pop -up em JavaScript usando um OnClick.
Como abrir uma janela pop -up usando onclick em javascript?
Para abrir uma janela pop -up usando o evento OnClick, use o JavaScript predefinido “janela.abrir()”Método. Ele aceita dois parâmetros principais e muitos parâmetros opcionais. O "Url" e a "nome”Da nova janela ou guia são os principais parâmetros. Os outros parâmetros opcionais permitem adicionar recursos adicionais, como a posição ou tamanho da nova janela, independentemente de contém ou não uma barra de status, barras de ferramentas e muito mais.
Sintaxe
A sintaxe a seguir é usada para o “janela.abrir()”Método:
janela.aberto (URL, nome, WindowFeatures)Exemplo
Primeiro, criaremos um botão em um arquivo html e anexamos um “ONCLICK”Evento que invocará a função“Aparecer()”Para abrir uma janela pop -up em um botão Clique:
Agora, defina uma função chamada “Aparecer()”Em tag e ligue para o“janela.abrir()”Método. Passe o "Url ", o" nome "(" popupwindow ") que representa a abertura do URL em uma janela pop -up e os recursos opcionais, como a altura e a largura da janela pop -up:
function popup ()janela.aberto ('https: // linuxhint.com/',' popupwindow ',' altura = 300, largura = 500, esquerda = 100, topo = 100, scrollbars = sim, redimensível = sim, menubar = não, barra de ferramentas = sim, localização = não, diretórios = não, status = sim ')
Pode -se observar que a janela pop -up com URL especificada e largura e altura atribuídas foram abertas com sucesso:
Isso se tratava de abrir uma janela pop -up em JavaScript em um botão Clique.
Observação: Se você deseja criar uma janela pop -up personalizada usando o “div”Elemento para mostrar informações específicas, visite gentilmente nosso artigo dedicado.
Conclusão
Para abrir uma janela pop -up, utilize o JavaScript predefinido “janela.abrir()”Método. Ele abre uma nova janela com o URL fornecido. É freqüentemente utilizado no desenvolvimento da web para criar links que abrem em uma nova janela com informações específicas. Este blog ilustrou o procedimento para abrir uma janela pop -up em JavaScript usando um evento OnClick.