Sådan får du en iFrame opdaterede SRC i JavaScript

September 20

Den "iframe" tag i HTML bruges til at skabe en inline frame. I en indbygget ramme er ligesom andre HTML frames, ved at den indeholder en anden webside i det. Inline frames, men behøver ikke at spænde over hele browservinduet, men kan justeres i størrelse og placeres hvor du vil på siden. Når brugeren klikker på et link på en side i en iframe, er den linkede side er lagt i iframe. Du kan kontrollere SRC, hvilket er URL'en, af den aktuelt indlæste side i en iframe på siden ved hjælp af JavaScript.

Instruktioner

1 Placer følgende HTML-kode i et tomt tekstdokument:

<Html>

<Body>

<a href="page2.html"> Klik for at gå til page2.html </a>

</ Body>

</ Html>

Gem denne fil på din webserver med navnet "side1.html."

2 Placer følgende HTML-kode i et tomt tekstdokument:

<Html>

<Body>

<a href="page1.html"> Klik for at gå til side1.html </a>

</ Body>

</ Html>

Gem denne fil på din webserver med navnet "page2.html."

3 Placer følgende HTML-kode i et tomt tekstdokument:

<Html>

<Head>

<Script type = "text / javascript">

funktion checkSRC (id) {

var currentURL = document.getElementById(id).contentWindow.location.href;

alert (CURRENTURL);

}

</ Script>

</ Head>

<Body>

<Iframe id = "IF1" value = "Klik for at vise iframe URL" onClick = "checkSRC (IF1 ');" />

</ Body>

</ Html>

4 Gem filen på din webserver, så navigere til den med en webbrowser. Klik på knappen for at vise webadressen på den side, der ligger i iframe. Klik på linket i iframe, klik derefter på knappen igen for at få webadressen på den anden side.

TIPS

  • På grund af sikkerhedspolitikker gennemføres af webbrowsere, kan du ikke hente webadressen på den side i en iframe, hvis det ikke har bopæl i den samme web domæne som din side. Så hvis brugeren er i stand til at forlade dit websted inden iframe, du kan ikke bestemme, hvor de går.

relaterede artikler