Heim >Web-Frontend >js-Tutorial >Eine weitere geniale Implementierungsidee für iframe-Fensterhöhenanpassung_Javascript-Fähigkeiten

Eine weitere geniale Implementierungsidee für iframe-Fensterhöhenanpassung_Javascript-Fähigkeiten

WBOYOriginal: 2016-05-16 16:53:251534Durchsuche

Es gibt eine Seite index.html in DomainA und eine Seite other.html in DomainB ist über einen Iframe verschachtelt
Da die Seite other.html in einem Iframe angezeigt wird und ihr Seiteninhalt dynamisch zunimmt oder abnimmt, sind Sie jetzt da Ich muss den Iframe entfernen Die Bildlaufleiste
Aufgrund der Einschränkungen der JavaScript-Same-Origin-Richtlinie können keine domänenübergreifenden Vorgänge ausgeführt werden, was das Problem erschwert
Bezogen auf die Online-Praxis, eine Agentenseite, oder intermediary agent.html genannt, wird eingeführt, das zu DomainA gehört
Dann verwenden Sie in other.html in DomainB iframe, um agent.html zu verschachteln

Okay, jetzt ist die Situation so:

index.html Verwenden Sie iframe, um Nest other.html einzubetten
other.html Verwenden Sie iframe, um agent.html zu verschachteln
Der Grund, warum die dritte Seite agent.html eingeführt wird, besteht darin, den Regeln des zu entsprechen „Same-Origin-Policy“ und schließen Sie die Übertragung von Parametern unter verschiedenen Domänen ab!

Unser ultimatives Ziel ist es, die Bildlaufleiste zu entfernen und sicherzustellen, dass der gesamte eingebettete Seiteninhalt angezeigt wird
1. Ermitteln Sie die tatsächliche Höhe der anderen.html-Seite.
Stellen Sie die Höhe auf „Ein“. src-Attribut des eingebetteten Iframes
3. Fangen Sie den Höhenwert im src-Attribut des Iframes in agent.html ab

Im folgenden Beispiel wird ein Trick verwendet, um die Verwendung von setInterval( ) zu vermeiden. Setzen Sie die konstant Höhe des Iframes
Die Methode besteht darin, einen Zeitstempel an den src des Iframes anzuhängen, sodass der Browser jedes Mal agent.html neu lädt.
Lassen Sie dann die js-Funktion invokeMethodInTopWindow() in agent.hml 2 HTML ausführen in
domainA

index.html

Code kopieren Der Code lautet wie folgt:

#{extends 'main.html' /}
#{set title:'Home' /}

Fensteradaptiv --- Umgehen der Einschränkungen der Same-Origin-Richtlinie und gleichzeitiges Verwenden der Same-Origin-Richtlinie, um die Bildlaufleiste des Iframes zu entfernen und die dynamisch anzupassen Höhe des Fensters, damit der gesamte Inhalt der verschachtelten Seite angezeigt werden kann.

Beispielsweise verwendet ein Hackerprogramm IFrame, um die echte Bank-Anmeldeseite auf seiner Seite einzubetten Zeit,
seine Seite kann den Eingabeinhalt in Ihrem Formular über Javascript lesen, sodass der Benutzername und das Passwort leicht abgerufen werden können.
Zum Beispiel verwendet ein Hackerprogramm IFrame, um die echte Bank-Anmeldeseite in seine Seite einzubetten. Wenn Sie sich mit Ihrem echten Benutzernamen und Passwort anmelden, kann seine Seite den Inhalt der Eingabe einlesen Bitte füllen Sie das Formular aus, damit Sie den Benutzernamen und das Passwort problemlos erhalten können.
Zum Beispiel verwendet ein Hackerprogramm IFrame, um die echte Bank-Anmeldeseite in seine Seite einzubetten. Wenn Sie sich mit Ihrem echten Benutzernamen und Passwort anmelden, kann seine Seite den Inhalt der Eingabe einlesen Bitte füllen Sie das Formular aus, damit Sie den Benutzernamen und das Passwort problemlos erhalten können.
Zum Beispiel verwendet ein Hackerprogramm IFrame, um die echte Bank-Anmeldeseite in seine Seite einzubetten. Wenn Sie sich mit Ihrem echten Benutzernamen und Passwort anmelden, kann seine Seite den Inhalt der Eingabe einlesen Bitte füllen Sie das Formular aus, damit Sie den Benutzernamen und das Passwort problemlos erhalten können.
Zum Beispiel verwendet ein Hackerprogramm IFrame, um die echte Bank-Anmeldeseite in seine Seite einzubetten. Wenn Sie sich mit Ihrem echten Benutzernamen und Passwort anmelden, kann seine Seite den Inhalt der Eingabe einlesen Bitte füllen Sie das Formular aus, damit Sie den Benutzernamen und das Passwort problemlos erhalten können.
Zum Beispiel verwendet ein Hackerprogramm IFrame, um die echte Bank-Anmeldeseite in seine Seite einzubetten. Wenn Sie sich mit Ihrem echten Benutzernamen und Passwort anmelden, kann seine Seite den Inhalt der Eingabe einlesen Bitte füllen Sie das Formular aus, damit Sie den Benutzernamen und das Passwort problemlos erhalten können.
Zum Beispiel verwendet ein Hackerprogramm IFrame, um die echte Bank-Anmeldeseite in seine Seite einzubetten. Wenn Sie sich mit Ihrem echten Benutzernamen und Passwort anmelden, kann seine Seite den Inhalt der Eingabe einlesen Bitte füllen Sie das Formular aus, damit Sie den Benutzernamen und das Passwort problemlos erhalten können.
Zum Beispiel verwendet ein Hackerprogramm IFrame, um die echte Bank-Anmeldeseite in seine Seite einzubetten. Wenn Sie sich mit Ihrem echten Benutzernamen und Passwort anmelden, kann seine Seite den Inhalt der Eingabe einlesen Bitte füllen Sie das Formular aus, damit Sie den Benutzernamen und das Passwort problemlos erhalten können.

none">

🎜>