Hvordan bruke iFrame å laste innhold i en DIV

November 25

DIV beholdere er websideelementer som brukes til å posisjonere og stil innhold. De er vanligvis brukt til å lage oppsettet av en webside, men du kan også laste inn innhold i en DIV beholder ved hjelp av en iframe og Javascript "innerhtml" eiendom. Hver HTML-element, inkludert DIV containere, har en "innerhtml" eiendom som du kan manipulere til å endre innholdet i elementet. Hvis du ønsker å laste eksternt innhold i en DIV container, kan du bytte den "innerhtml" eiendom av DIV med innholdet fra en iframe.

Bruksanvisning

1 Åpne nettsiders dokument i en HTML eller tekst editor. Å åpne i den innfødte Windows tekst editor, høyreklikker du på dokumentsymbolet, og klikk deretter på "Åpne med." Klikk for å velge "Notisblokk" eller "WordPad" i listen over programmer, og klikk deretter "OK".

2 Klikk for å plassere markøren mellom "<BODY>" og "</ BODY>" koder.

3 Type "<div id = 'frameContainer'> </ div>", og trykk "Enter" for å lage DIV du ønsker å bruke for å vise innholdet.

4 Type "<script type =" text / javascript ">" for å åpne en Javascript-scripting tag, og trykk "Enter".

5 Type "onload = function () {" og trykk "Enter". Dette kodelinje utløser skriptet når websiden er lastet inn.

6 Skriv "var el = document.getElementById ( 'frameContainer')" og trykk "Enter" for å få DIV container ID eiendom.

7 Skriv inn følgende linje med kode og trykk "Enter" for å bytte "innerhtml" eiendom av DIV beholder med en iframe: el.innerHTML = "<iframe src = \" & lt; / iframe> & quot "rel =" nofollow "target = "_blank"> http: //www.example.com \ & quot;> & lt; / iframe> & quot;

8 Bytt ut "www.example.com" tekst i forrige trinn med websiden adressen som du ønsker å laste i DIV container.

9 Type "}" og trykk "Enter" for å lukke Javascript-funksjoner.

10 Type "</ script>" for å lukke Java scripting tag.

11 Klikk på "File" -menyen og klikk "Lagre".