Heim  >  Artikel  >  Web-Frontend  >  Zwei Einführungen in die Verwendung von iFrame-Tags in HTML

Zwei Einführungen in die Verwendung von iFrame-Tags in HTML

大家讲道理
大家讲道理Original
2016-11-07 17:37:211371Durchsuche

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() ? &#39;<iframe style="position:absolute;left:0;top:0;z-index:2000000;filter:Alpha(opacity=0); width:100%;height:&#39; + ds.height + &#39;" frameborder="0"></iframe>&#39; : &#39;&#39;;   
$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.


Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn