Die wunderbare Verwendung von iFrame als Popup-Layer_HTML/Xhtml_Webseitenproduktion

Ich habe kürzlich an einem Projekt gearbeitet – Butou Favorites. Kurz gesagt, es geht darum, die Bilder, die Ihnen gefallen, auf der Butou-Seite zu sammeln. Die Zusammenfassung lautet wie folgt:

1. Verwenden Sie es als Popup-Ebene, um es abzudecken

Wenn Sie diese Art von schwarzer Maske verwenden, um die gesamte Seite abzudecken, und der Benutzer IE6 verwendet und sich auf der Seite ein ausgewähltes Element befindet, führt dies zu einem Kopfschmerzen (das Prinzip wird hier nicht wiederholt). Wir werden feststellen, dass das Popup-DIV die Auswahl nicht abdecken kann und unser Iframe an der Reihe ist. Die Logik ist wie folgt:

Fügen Sie es in einen Iframe auf derselben Ebene wie das Popup-Div ein.
Stellen Sie sicher, dass der Z-Index des Iframes kleiner ist als der Z-Index des Popup-Div. up div
Fügen Sie Fenstergrößen- und Bildlaufereignisse hinzu, um sicherzustellen, dass der Iframe die gesamte Seite abdecken kann.

Teil des Codes

Kopieren Sie den Code

Der Code lautet wie folgt:

var iframe = U.isie6() ? ''
$container.append(iframe).appendTo($body);

2 . Das domänenübergreifende Cookie-Schreiben

hat zwei Domänen: a.com und b.com . Unter bestimmten Bedingungen werden einige Funktionen von b auf Seite a angezeigt. Manchmal ist es notwendig, beim Aufrufen von Seite a einige Vorgänge am Cookie der b.com-Domäne auszuführen, um den nächsten Besuch des Benutzers zu erleichtern. Wir müssen nur einen Iframe (dynamisch oder fest) zu Seite a hinzufügen, das src-Attribut verweist auf eine Proxy-Seite von Seite b und Cookie-Vorgänge auf dieser Seite ausführen.