Heim > Artikel > Web-Frontend > Zwei Einführungen in die Verwendung von iFrame-Tags in HTML
Es gibt eine aktuelle Arbeit im Projekt – Favoriten. Kurz gesagt, es geht darum, Ihre Lieblingsbilder auf der Butou-Seite zu sammeln, die viele Aspekte von iframe nutzt. Die Zusammenfassung lautet wie folgt:
1. Als Popup-Ebene zum Abdecken von
Wenn Sie haben das jemals getan Die schwarze Maske deckt die gesamte Seite ab, und es kommt vor, dass der Benutzer IE6 verwendet und sich auf der Seite ein ausgewähltes Element befindet, das Kopfschmerzen verursacht (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 lautet wie folgt:
Platzieren Sie es in einem Iframe auf derselben Ebene wie das Popup-Div.
Stellen Sie sicher, dass der Z-Index des Iframes kleiner ist als der Z-Index der elastischen Ebene div
Fenstergrößenänderungs- und Bildlaufereignisse hinzufügen, um sicherzustellen, dass der Iframe die gesamte Seite abdecken kann
Teil des Codes
XML/HTML-Code Inhalt in die Zwischenablage kopieren
var iframe = U.isie6() ? '<iframe style="position:absolute;left:0;top:0;z-index:2000000;filter:Alpha(opacity=0); width:100%;height:' + ds.height + '" frameborder="0"></iframe>' : ''; $container.append(iframe).appendTo($body);
2. Domainübergreifendes Schreib-Cookie
Es gibt zwei Domains 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.