Maison >interface Web >js tutoriel >Exemple d'analyse des problèmes de fonctionnement de FRAME dans les compétences JS_javascript

Exemple d'analyse des problèmes de fonctionnement de FRAME dans les compétences JS_javascript

WBOY
WBOYoriginal
2016-05-16 16:33:111264parcourir

L'exemple de cet article traite du fonctionnement de FRAME dans JS et le partage avec tout le monde pour votre référence. L'analyse spécifique est la suivante :

L'image ci-dessus est un exemple. Ici, les opérations mutuelles entre les cadres sont simplement répertoriées comme : 1. Variables 2. Méthodes 3. Acquisition mutuelle d'éléments entre les pages.

1. Premier démarrage à partir du parent (frameABC)------->enfant (frameA,frameB,frameC)

① Accéder au nom de la variable

Si vous opérez dans frameABC, alors vous pouvez :

Copier le code Le code est le suivant :
window.frames("frameA").contentWindow.name

ou

Copier le code Le code est le suivant :
document.getElementById("frameA").contentWindow. nom

ou

Copier le code Le code est le suivant :
jquery : window.$("#frameA") [0] .contentWindow.name

② Fonction de méthode d'accès

Si vous opérez dans frameABC, alors vous pouvez :

Copier le code Le code est le suivant :
window.frames("frameA").contentWindow.func();
ou

Copier le code Le code est le suivant :
document.getElementById("frameA").contentWindow. func() ;
ou

Copier le code Le code est le suivant :
jquery : window.$("#frameA") [0] .contentWindow.func();
③ Accéder aux éléments de la sous-page : nom d'utilisateur

Si vous opérez dans frameABC, alors vous pouvez :


Copier le code Le code est le suivant :window.frames("frameA").contentWindow.document.getElementById( "nom d'utilisateur" );
ou

Copier le code Le code est le suivant :document.getElementById("frameA").contentWindow. document.getElementById ("nom d'utilisateur");
ou

Copier le code Le code est le suivant :jquery : window.$("#frameA") [0] .contentWindow.$("#username");
2. Puis de l'enfant (frameA, frameB, frameC)------------> au parent (frameABC)

① Accédez au nom de la variable de la page parent. Si vous opérez dans le frameA (sous-page), vous pouvez :


Copier le code Le code est le suivant :window.parent.name;
② Accédez à la fonction de la méthode de la page parent. Si vous opérez dans frameA (sous-page), vous pouvez :


Copier le code Le code est le suivant :window.parent.func();
③ Accédez au nom d'utilisateur de l'élément de page parent. Si vous opérez dans le cadre A (sous-page), vous pouvez :


Copier le code Le code est le suivant :window.parent.$("#username")
Ou :

Copier le code Le code est le suivant : window.parent.document.getElementById("username ");

Résumé :

Frame n'est qu'un cadre de page. Si vous souhaitez utiliser les éléments du sous-cadre, vous devez d'abord entrer dans la fenêtre ou contentWindow. Pour accéder à la page parent depuis une page enfant, vous devez calculer la relation parent-enfant et la diviser en plusieurs couches.

J'ai lu d'autres articles en ligne sur les problèmes de chargement des pages. Cela signifie probablement que les éléments opérationnels avant le chargement de la page du sous-cadre provoqueront des bugs. Les amis intéressés pourront le tester de manière ciblée. Je pense qu'il y aura de nouveaux gains !

J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn