Comment JQuery exploite la page associée d'iframe-js tutoriel-php.cn

Comment JQuery exploite la page associée d'iframe

php中世界最好的语言

Libérer： 2018-04-26 15:47:15

original

1504 Les gens l'ont consulté

Cette fois, je vais vous expliquer JQuery comment faire fonctionner la page associée d'iframe, et quelles sont les précautions pour que JQuery fasse fonctionner la page associée d'iframe. Ce qui suit est un. cas pratique, jetons un coup d'oeil.

JQUERY IFRAME
Ce qui suit utilise simplement Jquery pour exploiter certains enregistrements de l'iframe. Cela peut être réalisé en utilisant du JS pur.

Premièrement, comment retrouver les éléments de la page parent dans l'iframe :

$(&#39;#id&#39;, window.parent.
document
)

Copier après la connexion

Deuxièmement, comment récupérer les éléments de l'iframe dans la page parent :

$(this).contents().find("#suggestBox")

Copier après la connexion

Troisièmement, appeler les méthodes et variables définies dans la page parent dans l'iframe :

parent.method
parent.value

Copier après la connexion

Utilisez jquery pour obtenir le corps de la page parent dans iframe

iframe.html

<html>
<script src=&#39;jquerymin.js&#39;>
</script>
<body id=&#39;1&#39;>
    <p>it is a iframe</p>
</body>    
<script>
    $(document).ready(
        function()
        {
        var c = $(window.parent.document.body) //麻烦的方法： var c = $($(window).eq(0)[0].parent.document).find(&#39;body&#39;); ，忘了可以用前面的方法了
        alert(c.html());
        }
    );
</script>
</html>

Copier après la connexion

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Veuillez venir pour des informations plus intéressantes. Faites attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Appel de la page iframe en fonction de l'ID (avec code)

Comment jquery rend l'iframe adaptative à la hauteur avant

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!