当前位置: 首页 > 编程笔记 >

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

公冶嘉茂
2023-03-14
本文向大家介绍jQuery中iframe的操作(点击按钮新增窗口),包括了jQuery中iframe的操作(点击按钮新增窗口)的使用技巧和注意事项,需要的朋友参考一下

<iframe>也应该是框架的一种形式,它与<frame>不同的是,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="生成图片的地址"></iframe>");// 添加iframe的jquery的语句
});

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

有关jQuery中iframe的操作(点击按钮新增窗口)就给大家介绍这么多,希望对大家有所帮助!

 类似资料:
  • 本文向大家介绍jQGrid Table操作列中点击【操作】按钮弹出按钮层的实现代码,包括了jQGrid Table操作列中点击【操作】按钮弹出按钮层的实现代码的使用技巧和注意事项,需要的朋友参考一下 在使用JqGrid时,Table中最后一列是操作列,在操作列中每一行都一个操作按钮,该操作按钮类似下拉菜单,如下图: 在点击Table中【操作】一列时需要弹出一个Div层,该Div层中包含一堆按钮,用

  • 我正在使用和这里找到的自定义表模型。我已经用那篇文章中提供的建议更新了我的代码,遇到了一个新问题。我对代码所做的更改是注入<code>ArrayList 用于初始化< code>JTable的代码如下: 我用来更新< code>JTable的代码如下: 我也尝试过使用但这也不起作用。截至目前,使更新的唯一方法是关闭并重新打开程序。具有我用于的,随着用户添加更多玩家,其大小会增加。 为什么< cod

  • 我所要做的就是选择下拉列表 下拉示例 单击我查看HTML示例1 看看示例1和示例2中的名称 单击我查看HTML示例2 您会注意到HTML代码已更改为 我认为这是我问题的一部分。我被卡住了。我也尝试过使用ChroPath 提前谢谢你! 这些评论要求进一步了解HTML代码的细节 这就是我错的地方。我没有提供足够的HTML代码。 上面只有几行是一个“iframe”,不允许我输入代码块。 切换到ifram

  • 我用selenium加载一个页面:http://www.legorafi.fr/接下来,我尝试单击“Tout Accepter”按钮,但即使使用css选择器,它也不起作用。是给饼干的。 我试过这样的方法: 这是带有文本“Tout Accepter”的蓝色按钮 我该怎么办?

  • 本文向大家介绍vue 点击按钮增加一行的方法,包括了vue 点击按钮增加一行的方法的使用技巧和注意事项,需要的朋友参考一下 如下所示: 不要js,jq里面的方法了。 以上这篇vue 点击按钮增加一行的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持呐喊教程。

  • 本文向大家介绍jquery操作 iframe的方法,包括了jquery操作 iframe的方法的使用技巧和注意事项,需要的朋友参考一下 我们先看一下 JQUERY中的对像 contents() 的帮助文件 contents() 概述 查找匹配元素内部所有的子节点(包括文本节点)。如果元素是一个iframe,则查找文档内容 示例 描述: 查找所有文本节点并加粗 HTML jQuery 描述: 往一个