今天遇到一个问题:怎样实现点击一个按钮,在当前的页面上新增加一个小窗口,展示一个图片信息?
如下图所示:
点击之前:

单击之后:

分析:要使新增的小窗口不影响父页面,我们这里采用iframe的框架的技术。
【
操作系统概述效益型网站第一品牌,一切为了效益,感谢您使用效益型V1.0网站后台管理系统。窗口中的用户名和密码。当用户输入用户名和密码之后,用鼠标左键点击确定按钮即可进入系统。如果用户忘记密码,可点击这里找回进入找回密码页面,提交用户名和E-mail找回密码, E-mail必须是该系统内企业的E-mail。窗口为用户登录后的操作系统界面,界面框架主要由头部、左部、右部(主窗口)三部分组成。1. 头部
实现是思路:(1)在按钮的上添加一个点击的事件,在点击后加入一个iframe窗口,并将生成图片的地址加上去即可。
具体实现的代码:
(1)给按钮加上点击事件:
$("#dianji").click(function(){
$("p.loadPhoto").empty(); // 清空原来的p标签的中内容
$("p.loadPhoto").html("");// 添加iframe的jquery的语句
});
注意:这里iframe的开发之后,会自动的去访问生成图片的地址,这样图片的生成的需求就满足了。
有关jQuery中iframe的操作(点击按钮新增窗口)就给大家介绍这么多,希望对大家有所帮助!








