La merveilleuse utilisation d'iFrame comme couche pop-up pour la production de pages HTML/Xhtml_Web

J'ai récemment travaillé sur un projet - Butou Favorites. Bref, il s'agit de collecter les images que vous aimez sur la page Butou, qui utilise beaucoup d'aspects de l'iframe. Le résumé est le suivant :

1 Utilisez-le comme calque pop-up pour le recouvrir.

Si vous le faites Si vous utilisez ce type de masque noir pour couvrir toute la page, et qu'il arrive que l'utilisateur utilise IE6, et qu'il arrive qu'il y ait un élément de sélection sur la page, cela provoquera un mal de tête (le principe ne sera pas répété ici). Nous constaterons que le pop-up DIV ne peut pas couvrir la sélection, et c'est au tour de notre iframe d'apparaître. La logique est la suivante :

Mettez-le dans une iframe au même niveau que le div pop-up
Assurez-vous que le z-index de l'iframe est plus petit que le z-index du pop-up up div
Ajouter des événements de redimensionnement et de défilement de la fenêtre pour garantir que l'iframe peut couvrir toute la page Page

Une partie du code

Copiez le code

Le code est le suivant :

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

2 . L'écriture de cookies inter-domaines

a deux domaines : a.com et b.com. . Sous certaines conditions, certaines fonctions de b apparaîtront sur la page a. Parfois, il est nécessaire d'effectuer certaines opérations sur le cookie du domaine b.com lors de l'exploitation de la page a pour faciliter la prochaine visite de l'utilisateur. Il suffit d'ajouter une iframe (dynamique ou fixe) à la page a, l'attribut src pointe vers une page proxy de la page b, et d'effectuer des opérations de cookies sur cette page.