也应该是框架的一种形式，它与<frame>不同的是，iframe可以嵌在网页中的任意部分。</p> <p>今天遇到一个问题：怎样实现点击一个按钮，在当前的页面上新增加一个小窗口，展示一个图片信息？<br> </p> <p><span style="color: #ff0000"><strong>如下图所示：</strong></span><br> </p> <p>点击之前：<br> </p> <p style="text-align: center"><img src="http://files.jb51.net/file_images/article/201604/20160420171040127.png" alt=""></p> <p>单击之后：<br> </p> <p style="text-align: center"><img src="http://files.jb51.net/file_images/article/201604/20160420171040128.png" alt=""></p> <p>分析：要使新增的小窗口不影响父页面，我们这里采用iframe的框架的技术。<br> </p> <p>【<iframe>也应该是框架的一种形式，它与<frame>不同的是，iframe可以嵌在网页中的任意部分。】<br> </p> <p>实现是思路：（1）在按钮的上添加一个点击的事件，在点击后加入一个iframe窗口，并将生成图片的地址加上去即可。<br> </p> <p>具体实现的代码：<br> </p> <p>（1）给按钮加上点击事件：<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的语句 });登录后复制 注意：这里iframe的开发之后，会自动的去访问生成图片的地址，这样图片的生成的需求就满足了。 有关jQuery中iframe的操作(点击按钮新增窗口)就给大家介绍这么多，希望对大家有所帮助！
