Hvordan åpne et popup -vindu i JavaScript ved å bruke OnClick?
Popup -vinduer på websiden forbedrer brukeropplevelsen. Det er et nyttig trekk ved JavaScript -språket som brukes til å vise ytterligere informasjon eller funksjoner uten å forlate den aktuelle siden. Hvis du for eksempel vil gi litt ekstra informasjon fra et annet nettsted på knappens klikk, kan du bruke et popup -vindu for å åpne den medfølgende URL -en. Det hjelper å holde brukeren på samme nettsted og også få tilgang til relatert informasjon fra eksterne ressurser.
Denne bloggen vil illustrere prosedyren for å åpne et popup -vindu i JavaScript ved hjelp av en OnClick.
Hvordan åpne et popup -vindu ved hjelp av OnClick i JavaScript?
For å åpne et popup -vindu ved hjelp av OnClick -hendelsen, bruk JavaScript forhåndsdefinerte “vindu.åpen()”Metode. Den godtar to hovedparametere og mange valgfrie parametere. “URL" og "Navn”Av det nye vinduet eller fanen er hovedparametrene. De andre valgfrie parametrene tillater å legge til tilleggsfunksjoner som plasseringen eller størrelsen på det nye vinduet, uansett om det inneholder en statuslinje, verktøylinjer og mange flere.
Syntaks
Følgende syntaks brukes til "vindu.åpen()”Metode:
vindu.Åpen (URL, navn, vindusfisk)Eksempel
Først oppretter vi en knapp i en HTML -fil og legger ved en "ved trykk”Hendelse som vil påkalle funksjonen”popup ()”For å åpne et popup -vindu på et knappeklikk:
Nå, definer en funksjon som heter “popup ()”I tag og ring“vindu.åpen()”Metode. Send meg "URL "," Navnet "(" PopupWindow ") som representerer åpning av nettadressen i et popup -vindu, og de valgfrie funksjonene, for eksempel høyden og bredden på popup -vinduet:
funksjon popup ()vindu.Åpne ('https: // linuxhint.com/',' PopupWindow ',' høyde = 300, bredde = 500, venstre = 100, topp = 100, rullefelt = ja, resizable = ja, menubar = nei, verktøylinje = ja, beliggenhet = nei, kataloger = nei, status = ja ')
Det kan sees at popup -vinduet med spesifisert URL og tildelt bredde og høyde er åpnet med hell:
Det handlet om å åpne et popup -vindu i JavaScript på et knappeklikk.
Merk: Hvis du vil opprette et tilpasset popup -vindu ved hjelp av “div”Element for å vise spesiell informasjon, vennligst besøk vår dedikerte artikkel.
Konklusjon
For å åpne et popup -vindu, bruk JavaScript forhåndsdefinerte “vindu.åpen()”Metode. Det åpner et nytt vindu med den gitte url. Det brukes ofte i nettutvikling for å bygge koblinger som åpnes i et nytt vindu med spesiell informasjon. Denne bloggen illustrerte prosedyren for å åpne et popup -vindu i JavaScript ved hjelp av en OnClick -hendelse.