Eine weitere clevere Idee, die Höhenanpassungsfähigkeit von Iframe Windows zu erkennen

Autor：Eve Cole Aktualisierungszeit：2025-02-23 11:32:01

In Domaina befindet sich ein Page Index.html, der eine Seite unter anderem in Domainb durch einen Iframe nistet

Da die Seite der anderen.html im IFrame angezeigt wird und der Seiteninhalt dynamisch erhöht oder abnimmt, muss die Bildlaufleiste des IFrame jetzt entfernt werden

Aufgrund der Einschränkungen der JavaScript-gleichorientierten Richtlinie kann der Cross-Domänen-Betrieb nicht durchgeführt werden, was das Problem schwieriger macht

Ich habe auf die Online -Praxis verwiesen und eine Agent -Seite oder einen Agenten vorgestellt.html, der zu Domaina gehört

Dann verwenden Sie in anderen.html in DomainB IFrame, um Agent.html zu nest.html

Ok, jetzt ist die Situation:

Index.html unter Verwendung von iFrame nisten

other.htmlnest agent.html mit iframe

Der Grund, warum die dritte Seite Agent.html darin besteht, die Regeln der "gleichorientierten Richtlinien" zu halten und die Verabschiedung von Parametern unter verschiedenen Domänen zu vervollständigen!

Unser ultimatives Ziel ist es, die Bildlaufleiste zu entfernen und sicherzustellen, dass alle eingebetteten Seiteninhalte angezeigt werden

1. Holen Sie sich die tatsächliche Höhe der anderen.html -Seite

2. Setzen Sie die Höhe auf die SRC -Eigenschaft des Iframe, die es eingebettet hat

3. In Agent.html schneiden Sie den Höhenwert im SRC -Attribut des Iframe aus.

Im folgenden Beispiel wird ein Trick verwendet, um die Verwendung von setInterval () zu vermeiden, um die Höhe des Iframe kontinuierlich festzulegen.

Die Methode besteht darin, einen Zeitstempel an die SRC des IFrame anzuhängen, damit der Browser jedes Mal den Agent.html neu lädt

Dann lassen

2 HTML in Domaina

index.html

Die Codekopie lautet wie folgt:

#{erweitert 'main.html' /}

#{Title setzen: 'home' /}

<hr>

<Div style = "Farbe: Rot; Schriftgewicht: BOLD"> Fensteranpassung-BYPASS Die Einschränkungen der homologen Richtlinien und gleichzeitig homologische Richtlinien verwenden, um die Bildlaufleiste des Iframe zu entfernen, passen Sie die Höhe des Fensters dynamisch an damit es alle Inhalte der verschachtelten Seite </div> anzeigen kann

<!-Iframe, das eine dynamische Höhenanpassung erfordert->

</div>

Funktion Größe Größe (Höhe) {

// alarm ("Größe");

document.getElementsByName ("DomainB") [0] .Height = Höhe;

}

</script>

Agent.html

Die Codekopie lautet wie folgt:

<! DocType html>

<html>

<kopf>

<title> Titel hier einfügen </title>

</head>

<body>

Ich bin die Proxy -Seite!

window.onload = invokemethodintopWindow;

Funktion invoKemethodintopWindow () {

// alarm ("Rufen Sie die Funktion unter derselben Domäne auf und setzen Sie die Höhe des Iframe zurück");

var domaina = document.ParentWindow;

var realHeight = domaina.location.hash.split ("#") [1];

// Letzter Schritt: Rufen Sie die Funktion des obersten Fensters auf, um die Höhe des Iframe zurückzusetzen

parent.Parent.Resize (realHeight);

// alarm ("realHeight:"+realHeight);

//alert(document

//Error://alert(document.parentwindow.parent.name);

//alert(document

}

// Nach dem Einstellen des SRC -Attributs des Iframe mit verschiedenen Zeitstempeln müssen Sie SetInterval nicht verwenden ()

// setInterval ("invokemethodintopWindow ()", 100);

</script>

</body>

</html>

other.html in Domainb

Die Codekopie lautet wie folgt:

<! DocType html>

<html>

<kopf>

<title> Titel hier einfügen </title>

</head>

<!-Seite eingebettet in Domain a->

<button type = "button" "onclick =" btnclick () "> Switch Display </button>