Dans le développement du Web frontal, nous utilisons souvent le contrôle IFRAME.
Cependant, lors du contrôle des interactions internes et externes, les mots clés utilisés par chaque navigateur sont souvent différents, ce qui est très gênant. Afin d'obtenir l'objet Window dans le sous-nom, chaque navigateur a ses propres spécifications, certains sont Windows, certains sont contenus, et ainsi de suite, et peut-être qu'il y en a que nous ne connaissons pas.
Cependant, accédez simplement à la page de couche parent à partir de la page enfant, et dans le formulaire d'origine, tout le monde est Window.parent.
Ensuite, via cette fonctionnalité, nous pouvons transmettre notre propre objet de fenêtre à la page parent de la page enfant, afin que la page parent puisse facilement accéder à la page enfant, et nous n'avons plus à nous soucier de la façon d'obtenir l'objet de fenêtre à partir de l'objet iframe.
Sans dire un mot, regardons d'abord le code:
Code de page parent:
window.iframewindow = null; fonction FrameReady (subwindow) {window.iframewindow = subwindow; //Affectation}; <iframe src = "xx"> </ iframe>Code de sous-page:
$ (function () {window.parent.frameready (fenêtre);});Grâce au code simple ci-dessus, vous pouvez accéder à l'objet iframewindow dans la page parent et obtenir directement l'objet de fenêtre de la page enfant, qui est très sans cervelle et très utile.
Et si j'ai plusieurs iframes?
Cette situation sera un peu plus compliquée, mais cela n'a pas d'importance. Nous voulons continuer à utiliser la solution ci-dessus, alors analysons la situation actuelle:
1. Nous devons avoir besoin d'un objet de collection similaire à iframewindows pour gérer les objets de fenêtre pour toutes les sous-pages.
2. Lorsque chaque page enfant appelle Parent.frameready, elle doit s'appuyer sur un nom unique pour la page parent, afin que nous puissions accéder avec précision à chaque iframe dans la page parent.
Ensuite, c'est simple maintenant. Ce que la sous-page doit faire n'est rien de plus qu'un nom, un numéro, etc. Regardons le code
window.subwindowname = "helloworldwindow"; $ (function () {window.parent.frameadady (window.subwindowname, window);});Alors ce que la page parent doit faire est de refacteur à la recherche et d'ajouter un paramètre
window.iframewindows = {}; // cela devient un objet Fonction FrameReady (nom, fenêtre) {window.iframewindows [name] = window;}; fonction getSubwindow (name) {return window.iframewindows [name];}Résumer:
Les pages construites avec ce schéma ont les avantages suivants:
1. L'interaction des pages parents ne dépend que des mots clés des parents (et de la manière précédente, ils dépendent non seulement du parent, mais aussi de ContentWindow, de la fenêtre et d'autres mots clés incertains. La chose la plus importante est que le support parent est toujours très bon)
2. Objets de fenêtre unifiés, réduisant la chaîne de référence demandée à chaque fois qu'elles sont utilisées et améliorant la vitesse de fonctionnement
3. Le point le plus important: c'est que le code est beaucoup plus facile à écrire.
Ce qui précède est la solution à l'interaction IFRAME JavaScript et à la compatibilité avec divers navigateurs introduits par l'éditeur. J'espère que ce sera utile à tout le monde. Si vous avez des questions, veuillez me laisser un message et l'éditeur répondra à tout le monde à temps. Merci beaucoup pour votre soutien au site Web Wulin.com!