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的操作我就说这么多了(点击按钮添加新窗口),希望对你有帮助!