JavaScript Target iFrame Document Tutorial

infogade ramar ( iFrames ) är mycket lik ramar och kan vara användbart när du behöver bo innehållet i din nuvarande webbsida . Detta är ett liknande koncept till bild-i -bilden- funktioner som kommer på många tv-apparater . Innehållet i iFrame kan vara en webbsida eller en bild. Infogade ramar kan också tillåta dig att öppna andra fönster för att köra skript utan att lämna sidan du är på . Med skriptspråk som JavaScript , kan du interagera med stil , placering och innehåll i iFrame . Instruktioner
1

Lägg en iFrame till din webbsida genom att kopiera och klistra in koden nedan i HTML kroppen . Koden kommer att bo en webbsida inom den nuvarande. Den nya sidan kommer att vara 80 procent av storleken på originalet , kommer att ha en tunn ram runt den och kommer att ha en rullningslist .

< Iframe id = " frmMain " name = " frmMain " src = " http://www.mysite.com " rullning = " yes " width = " 80 % " height = " 80 % " frameborder = " 1 " > < /iframe >
2

Skapa en ny knapp på din webbsida för att anropa JavaScript -funktioner som kommer att interagera med iFrame . Denna knapp är inställd för att anropa funktionen " changeTarget . "

Ändra Mål < /knappen >

3

Placera JavaScript -funktionen nedan i huvudet taggen på din webbsida . Denna funktion hittar iFrame element på webbsidan dokumentet och sätter sin källattribut till en ny plats .