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
WBOY
Freigeben: 2016-05-16 16:53:25
Original
1528 Leute haben es durchsucht
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
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.