• 
  

  javascript mål iframe dokument tutorial

  
  

Infogade ramar ( iFrames ) är mycket lika ramar och kan vara användbart när du behöver bo innehåll i din nuvarande webbsida . Detta är ett liknande koncept för bild-i- ett-bild funktioner som kommer på många tv-apparater . Innehållet i iFrame kan en webbsida eller bild. IFRAMES kan också tillåter dig att öppna upp andra fönster för att köra skript utan att faktiskt lämna sidan du befinner dig på . Med skriptspråk som JavaScript , kan du interagera med stil , positionering och innehåll iFrame .
1 .
Lägg en iframe för att din hemsida genom att kopiera och klistra in koden nedan i HTML kroppen . Koden kommer att bo en webbsida i den nuvarande . Den nya sidan kommer att vara 80 procent av storleken på originalet , kommer att ha en tunn kant runt det och kommer att ha en rullningslist .



2 .
Skapa en ny knapp på din hemsida för att ringa JavaScript-funktioner som kommer att samverka med iframe . Den här knappen är inställd på att anropa funktionen " changeTarget . "

Ändra Target
3 .
Placera JavaScript -funktionen nedan i huvudet taggen på din webbsida . Denna funktion hittar iframe-element på webbsidan handlingen och sätter dess källa attribut till en ny plats .


4

Ändra storleken på iframe genom att lägga till rader kod för att ändra stil i funktionen " changeTarget . " För att ställa in höjd och bredd iframe kan du använda koden under

myFrame. style. width=" 600px " .
myFrame. style. height=" 400px " ,



tips och varningar




Se till att omfatta både ett " namn " och en "id " för din iFrame så att den kommer att fungera korrekt i alla webbläsare.

att interagera med webbsidan som innehåller iFrame inifrån iFrame kan du använda det överordnade elementet enligt följande " parent. document. getElementById ( ' frmMain ')".

Den " src " egendom kan ställas in på antingen en absolut eller relativ URL . En absolut webbadress är en adress som innehåller hela " http://www. mysite. com "väg , medan en relativ URL refererar till en handling inom din egen hemsida genom att bara använda en del av sökvägen " /newpage. html " .

Previous：nothing Next：projekt idéer med Visual Basic

Relaterade artiklar