devrait également être une forme de cadre. La différence avec <frame> </p> <p>J'ai rencontré un problème aujourd'hui : Comment cliquer sur un bouton pour ajouter une nouvelle petite fenêtre à la page en cours afin d'afficher une information d'image ? <br> </p> <p><span style="color: #ff0000"><strong>Comme indiqué ci-dessous : </strong></span><br> </p> <p>Avant de cliquer : <br> </p> <p style="text-align: center"><img src="http://files.jb51.net/file_images/article/201604/20160420171040127.png" alt=""></p> <p>Après avoir cliqué : <br> </p> <p style="text-align: center"><img src="http://files.jb51.net/file_images/article/201604/20160420171040128.png" alt=""></p> <p>Analyse : Pour éviter que la petite fenêtre nouvellement ajoutée n'affecte la page parent, nous utilisons ici la technologie du framework iframe. <br> </p> <p>[<iframe> devrait également être une forme de cadre. La différence avec <frame> 】<br> </p> <p>L'idée d'implémentation est la suivante : (1) Ajoutez un événement de clic au bouton, ajoutez une fenêtre iframe après le clic et ajoutez l'adresse de l'image générée. <br> </p> <p>Code d'implémentation spécifique : <br> </p> <p>(1) Ajouter un événement de clic au bouton : <br> </p> <div class="jb51code"> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;"> <input type="radio" name="dynamicType" id="dianji" style="padding: 0 10px 0 5px;margin-left:10px;margin-top: 13px;"/> <p class="loadPhoto"></p> $("#dianji").click(function(){ $("p.loadPhoto").empty(); // 清空原来的p标签的中内容 $("p.loadPhoto").html("<iframe width=520 height=400 name=\"touzizuhe\" id=\"touzizuhe\" frameborder=0 src="生成图片的地址">");// 添加iframe的jquery的语句 });Copier après la connexion Remarque : Après le développement de l'iframe ici, l'adresse où l'image est générée sera automatiquement accessible, afin que le besoin de génération d'image soit satisfait. Il s'agit du fonctionnement de l'iframe dans jQuery (cliquez sur le bouton pour créer une nouvelle fenêtre) J'espère que cela vous sera utile !
