Einführung in zwei Verwendungsmöglichkeiten von iFrame-Tags bei der Erstellung von HTML_HTML/Xhtml_Webseiten

Es gibt ein Projekt, an dem ich gerade arbeite – Butou Favorites. Kurz gesagt, es geht darum, die Bilder, die Ihnen gefallen, auf der Butou-Seite zu sammeln, die viele Aspekte von iframe nutzt. Die Zusammenfassung lautet wie folgt:
　1. Als Popup-Ebene zum Abdecken

Wenn Sie diese Art von schwarzer Maske erstellt haben, die die gesamte Seite abdeckt, und es passiert, dass der Benutzer IE6 verwendet und es passiert, dass es ein ausgewähltes Element auf der Seite gibt, werden Sie Kopfschmerzen haben (das Prinzip wird es tun). 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:

Platzieren Sie es in einem Iframe auf derselben Ebene wie das Pop-up-Div.
Stellen Sie sicher, dass der Z-Index des Iframes kleiner ist als der Z-Index des Pop-up-Div.
Fenstergröße hinzufügen und Scroll-Ereignisse, um sicherzustellen, dass der Iframe die gesamte Seite abdecken kann

Teil des Codes

XML/HTML-CodeInhalt in die Zwischenablage kopieren

1. 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>' : ''
2. $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.