DDR爱好者之家

jQuery中iframe的操作(点击按钮新增窗口)
站长资源 2024/11/29 佚名
32 1538
DDR爱好者之家 Design By 杰米

<iframe>也应该是框架的一种形式，它与<frame>不同的是，iframe可以嵌在网页中的任意部分。

今天遇到一个问题：怎样实现点击一个按钮，在当前的页面上新增加一个小窗口，展示一个图片信息？

如下图所示：

点击之前：

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

单击之后：

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

分析：要使新增的小窗口不影响父页面，我们这里采用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="/UploadFiles/2021-04-02/生成图片的地址">


注意：这里iframe的开发之后，会自动的去访问生成图片的地址，这样图片的生成的需求就满足了。




有关jQuery中iframe的操作(点击按钮新增窗口)就给大家介绍这么多，希望对大家有所帮助！
DDR爱好者之家 Design By 杰米
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
DDR爱好者之家 Design By 杰米
ddrfans.com DDR爱好者之家
8,675无损音乐
1,324高清电影
213破解软件
70,141收录资讯

更新日志

友情链接

杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网
DDR爱好者之家 Design By 杰米