Wie Verschieben Sie Objekte in einem iFrame

Webentwickler verwenden HTML-iFrame-Elemente, um externe Seiten auf ihren Websites anzuzeigen. Wie normale HTML-Seitenelemente die Elemente in einem iFrame manipuliert werden können, gestylt oder verschoben, mit Hilfe von Javascript. Es besteht jedoch eine Einschränkung: der iFrame-Inhalt müssen zu derselben Domäne wie die übergeordnete Seite gehören. Aufgrund von Sicherheitsbedenken werden nicht iFrames mit Inhalt aus einer anderen Domäne geändert.

Anweisungen

1 Typname = "MyIframe" innerhalb der iFrame HTML-Tag einen Namen zuordnen. Der endgültige Code sollte so aussehen: < Iframe-Name = "MyIframe" / >

2 Geben Sie die Zeile < Skript-Typ = "Text/Javascript" > unterhalb Ihrer < Iframe > Tags.

3 Geben Sie den folgenden Javascript-Code unter dem Code, den Sie in Schritt 2 hinzugefügt:

Var-Element = window.frames['myIframe'].document.getElementById('[myElement]') unten ersetzen [MyElement] mit der Id des Elements, die Sie verschieben möchten.

4 Geben Sie den folgenden Javascript-Code unter dem Code in Schritt 3 das Element zu verschieben:

Element.Style.Left="100px"; Element.Style.Top="100px". Legen Sie die 'left' und 'Top' Pixel-Attribute, wie gewünscht.