should also be a form of frame. The difference from <frame> is that iframe can be embedded in any part of the web page. </p> <p>I encountered a problem today: How to click a button to add a new small window to the current page to display a picture information? <br> </p> <p><span style="color: #ff0000"><strong>As shown below: </strong></span><br> </p> <p>Before clicking: <br> </p> <p style="text-align: center"><img src="http://files.jb51.net/file_images/article/201604/20160420171040127.png" alt=""></p> <p>After clicking: <br> </p> <p style="text-align: center"><img src="http://files.jb51.net/file_images/article/201604/20160420171040128.png" alt=""></p> <p>Analysis: To prevent the newly added small window from affecting the parent page, we use the iframe framework technology here. <br> </p> <p>[<iframe> should also be a form of frame. The difference from <frame> is that iframe can be embedded in any part of the web page. 】<br> </p> <p>The implementation idea is: (1) Add a click event to the button, add an iframe window after the click, and add the address of the generated image. <br> </p> <p>Specific implementation code: <br> </p> <p>(1) Add a click event to the button: <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的语句 });Copy after login Note: After the development of the iframe here, the address where the image is generated will be automatically accessed, so that the need for image generation is met. This is all about the operation of iframe in jQuery (click the button to create a new window). I hope it will be helpful to you!
