宝哥软件园

jQuery中的iframe操作(点击按钮添加窗口)

编辑:宝哥软件园 来源:互联网 时间:2021-11-03

Iframe也应该是框架的一种形式,它不同于框架,因为iframe可以嵌入到网页的任何部分。

今天遇到一个问题:如何点击一个按钮,在当前页面增加一个小窗口,显示一个图片信息?

如下图所示:

单击前:

点击后:

分析:为了使新增加的小窗口不影响父页面,这里我们使用了iframe框架的技术。

[iframe也应该是框架的一种形式。与框架不同,iframe可以嵌入网页的任何部分。】

实现思路是:(1)在按钮上添加一个点击事件,点击后添加一个iframe窗口,并添加生成图片的地址。

具体实现代码:

(1)向按钮添加点击事件:

输入类型=' radio ' name=' dynamicType ' id=' Dian Ji ' style=' padd : 0 10px 0 5px;边距-left :10 px;边距-top : 13px;'/p class=' LoadPhoto '/p $(' # Dian Ji ')。单击(function(){$('p.loadPhoto ')。empty();//清空原始p标记$ ('p.loadphoto ')的内容。html(' iframe width=520 height=400 name= ' touzizuhe ' id= ' touzizuhe ' frame border=0 src=' http3360用于生成图片的地址'/iframe。//添加iframe的jquery语句});注意:这里开发iframe后,会自动访问生成图片的地址,从而满足生成图片的需求。

关于jQuery中iframe的操作我就说这么多了(点击按钮添加新窗口),希望对你有帮助!

更多资讯
游戏推荐
更多+