Cet article traite des problèmes opérationnels de Frame dans JS et le partage pour votre référence. L'analyse spécifique est la suivante:
La figure ci-dessus est un exemple. Ici, l'interopérabilité entre les trames est simplement répertoriée comme: 1 variable 2 Méthode 3 Acquisition mutuelle d'éléments entre les pages.
1. Premièrement, de Parent (FrameABC) -------> Enfant (Framea, FrameB, Framec)
① Nom de la variable d'accès Nom
Si vous opérez en FrameABC, vous pouvez:
La copie de code est la suivante: window.frames ("Framea"). ContentWindow.name
Ou copiez le code comme suit: document.getElementById ("Framea"). ContentWindow.name
Ou copiez le code comme suit: jQuery: Window. $ ("# Framea") [0] .Contentwindow.name
② Func de la méthode d'accès
Si vous opérez en FrameABC, vous pouvez:
La copie de code est la suivante: window.frames ("Framea"). ContentWindow.func ();
Ou copiez le code de code comme suit: document.getElementById ("Framea"). ContentWindow.func ();
Ou copiez le code comme suit: jQuery: Window. $ ("# Framea") [0] .ContentWindow.func ();
③ Visitez les éléments de sous-page: nom d'utilisateur
Si vous opérez en FrameABC, vous pouvez:
La copie de code est la suivante: Window.Frames ("Framea"). ContentWindow.Document.getElementById ("Username");
Ou copiez le code de code comme suit: document.getElementById ("Framea"). ContentWindow.Document.getElementById ("Username");
Ou copiez le code de code comme suit: jQuery: Window. $ ("# Framea") [0] .ContentWindow. $ ("# Username");
2. Puis de l'enfant (Framea, Frameb, Framec) ------------> à Parent (FrameABC)
① Visitez le nom de la variable de la page parent. S'il est opéré dans Framea (sous-page), il peut:
La copie de code est la suivante: window.parent.name;
② La méthode d'accès à la page parent Func, si elle est opérée dans Framea (sous-page), il peut:
La copie de code est la suivante: window.parent.func ();
③ Visitez le nom d'utilisateur de l'élément de page parent, s'il fonctionne dans Framea (sous-page), il peut:
Copiez le code comme suit: window.parent. $ ("# Username")
Ou: Copiez le code de code comme suit: window.parent.document.getElementById ("nom d'utilisateur");
Résumer:
Le cadre n'est qu'un cadre de page. Si vous souhaitez faire fonctionner des éléments dans un sous-châssis, vous devez d'abord saisir la fenêtre ou le contenuwindow. L'accès à la page parent à partir de la page enfant nécessite de calculer la relation parent-son et de la diviser en plusieurs couches.
J'ai lu d'autres articles en ligne et j'ai parlé des problèmes concernant le chargement des pages. Cela signifie probablement que si la page de sous-trame est chargée, cela provoquera des bogues. Les amis intéressés peuvent le tester de manière ciblée, et je pense qu'il y aura de nouveaux gains!
J'espère que cet article sera utile à la programmation JavaScript de tous.