源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

jQuery中iframe的操作(点击按钮新增窗口)

  • 时间:2020-03-19 13:36 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:jQuery中iframe的操作(点击按钮新增窗口)
<iframe>也应该是框架的一种形式,它与<frame>不同的是,iframe可以嵌在网页中的任意部分。 今天遇到一个问题:怎样实现点击一个按钮,在当前的页面上新增加一个小窗口,展示一个图片信息? [b]如下图所示:[/b] 点击之前: [img]http://files.jb51.net/file_images/article/201604/20160420171040127.png[/img] 单击之后: [img]http://files.jb51.net/file_images/article/201604/20160420171040128.png[/img] 分析:要使新增的小窗口不影响父页面,我们这里采用iframe的框架的技术。 【<iframe>也应该是框架的一种形式,它与<frame>不同的是,iframe可以嵌在网页中的任意部分。】 实现是思路:(1)在按钮的上添加一个点击的事件,在点击后加入一个iframe窗口,并将生成图片的地址加上去即可。 具体实现的代码: (1)给按钮加上点击事件:
<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>");// 添加iframe的jquery的语句
});
注意:这里iframe的开发之后,会自动的去访问生成图片的地址,这样图片的生成的需求就满足了。 有关jQuery中iframe的操作(点击按钮新增窗口)就给大家介绍这么多,希望对大家有所帮助!
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部