Hvordan åpne et nytt vindu med et anker i Javascript

HTML ankerkoder, også kjent som linker, kan gjøre mye mer enn å bare sende nettlesere til nye websider når brukere klikker på linkene. Hvert anker har en "href" attributt. En webutvikler setter vanligvis at attributtverdien til en nettadresse. HTML kan du også angi en href verdi til navnet på en Javascript-funksjon. Du kan deretter bruke denne funksjonen til å åpne et nytt vindu når brukere klikker på ankeret.

Bruksanvisning

1 Åpne en av HTML-dokumenter ved hjelp av en HTML-editor eller et tekstbehandlingsprogram.

2 Legg denne koden til dokumentets "body" -delen:

<a href="javascript: newWindow('http://www.whitehouse.gov')">

Klikk for å åpne et nytt vindu

</a>

Dette skaper et anker. Dette ankeret er href peker til en Javascript-funksjon som heter "newWindow." I dette eksempel passerer koden den URL som heter "<http://www.whitehouse.gov>" til funksjonen. Endre det til en URL du vil.

3 Lim inn følgende Javascript-kode i dokumentet er "head" -seksjonen:

<Script type = "text / javascript" language = "javascript">

funksjon newWindow (URL) {

Var windowParms = " 'width = 600, height = 400, beliggenhet = 1, menylinje = 1, scrollbars = 1, status = 1, verktøylinje = 1, resizable = 1'";

window.open (URL, 'window1', windowParms);

}

</ Script>

Ankeret går med lenke til denne funksjonen, og deretter utfører "window.open" funksjon som åpner et nytt vindu. Den "window.open" -funksjonen aksepterer en parameterliste. Den "windowParms" variabel hevder at listen over parametere. Ved å endre verdiene i denne listen, bestemmer du hvordan det nye vinduet ser ut. Sett vinduets bredde og høyde i piksler ved å endre verdiene for bredde og høyde. Verdier for de andre egenskapene avgjøre om en bestemt verktøylinje vises på det nye vinduet. Mulige verdier er "1" og "0" I dette eksemplet vil et adresselinjen vises på det nye vinduet fordi verdien for plassering er "1" Verdien "1" betyr "vise denne verktøylinjen." Verdien "0" betyr "ikke vis denne verktøylinjen."

4 Lagre HTML-dokumentet og vise den i en nettleser. Klikk ankeret for å åpne et nytt vindu.

Hint

  • Hvis du bare ønsker å åpne en ny full størrelse vindu som ser ut som den nåværende, legge denne uttalelsen før funksjonens "window.open" statement: windowParms = "". Dette setter verdien av windowParms til null.
  • Husk at brukere med popup-blokkering er aktivert vil ikke være i stand til å se popup-vinduer.
  • .