Loading [MathJax]/jax/input/TeX/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >iframe引入的页面点击父页面的div,改变子页显示?

iframe引入的页面点击父页面的div,改变子页显示?

提问于 2017-11-20 03:49:03
回答 2关注 0查看 583

iframe引入的页面如何点击父页面的div改变子页面图片的显示和隐藏

我试过

代码语言:txt
AI代码解释
复制
$("iframeid").contents().find("元素id").css("属性");
代码语言:txt
AI代码解释
复制
document.getElementById('iframeid').contentWindow.ab("函数"); 

回答 2

Ne_biubiubiu

发布于 2017-11-20 03:49:21

frames可以获取页面中的所有iframe,得到一个类数组对象。

如果页面只有一个iframe,$(frames[0].document).find('.btn');//父页面获取子页面元素

如果知道iframe的name,可以$(frames['name'].document).find('.btn').hide();

Tabor

发布于 2017-11-20 03:49:35

在iframe中查找父页面元素的方法:

$('#id', window.parent.document)

在父页面中获取iframe中的元素方法:

$(this).contents().find("#suggestBox")

在iframe中调用父页面中定义的方法和变量:

parent.method

parent.value

和开发者交流更多问题细节吧,去 写回答
相关文章
Session过期,跳出iframe框架页显示会话过期页面
web开发中经常会有这种情况,在一个主页面中包含侧边导航菜单和iframe,点击菜单项,对应页面会在iframe中显示,整个页面不会刷新。但是如果设置了会话Session,在会话过期后再操作会自动redirect重定向到登录页面,经常会出现在session过期后,再点击菜单项,登录页面显示在iframe中而非显示在当前窗口的情况。
ProsperLee
2018/10/24
1.7K0
Vue中iframe调用父页面的方法
PlainBashC++C#CSSDiffHTML/XMLJavaJavascriptMarkdownPHPPythonRubySQL
张苹果
2022/09/22
3.2K0
网站404页面的设计
每一个网站都必须有404页面,404页面指的是显示网站错误链接的页面,可能是该访问的页面不存在,也可能是页面已经被删除。
岳泽以
2022/10/26
1.5K0
网站404页面的设计
iframe关闭父页面(iframe嵌套https页面)
width iframe的高度 height iframe的宽度 src iframe里面加载的页面url name 可以通过window.frames[name]获取到frame scrolling iframe里面的页面是否可以滚动 frameborder 是否显示iframe边框 1(显示)0(不显示) id 和其他的html标签id一样 在主页面中通过iframe标签可以引入其他子页面
全栈程序员站长
2022/07/25
7K0
WordPress 技巧:显示同个父页面的其他子页面的链接
假设有一个父页面,然后它有一些子页面。当打开父页面的时候,你想在 sidebar 显示它的子页面的链接。 当打开子页面链接的时候,你还是想要显示它同个父级下的所有一组链接。现在问题是,首先要判断现在的页面时是相同父页面的其他子页面。我们无法通过一个简单 WordPress 函数就能解决这个问题。
Denis
2023/04/15
6900
js通过contentWindow控制iframe子页面元素点击事件,并把值传给父页面[通俗易懂]
本来需要点击一个图片后,显示一个iframe上传框.点击上传,从而操作子页面中的点击上传动作,再把值传给父页面.或控制父页面中iframe元素的显示状态.不过.通过upload()函数,可以不用显示上传框了,直接激活子页面中的上传动作.另外,onchange事件则可以自动提交上传,不必用户点击上传按钮了.三步并做一步
全栈程序员站长
2022/11/03
8.7K0
html5页面实现点击复制功能
在实际工作中,有时候会遇到这样的需求,页面上有一个链接,不需要选中链接内容,只需要点击复制按钮,就可以把链接内容复制到剪切板。这时候可以使用clipboard插件来实现。以下是一个简单的demo。 首先可以通过npm install clipboard --save-dev 来安装该插件 <!DOCTYPE html> <head> <meta charset="UTF-8"> <title>clipboard示例</title> <script src="lib/clipboard
用户1174387
2018/01/17
4.3K0
html5页面实现点击复制功能
vue父页面给iframe子页面传值
在vue父页面有两个个参数 名称和图标,需要把这两个参数传到iframe的地图里面,在地图触发绘点事件的时候,获取到传来的参数并且展示
王小婷
2023/08/11
1.6K0
vue父页面给iframe子页面传值
iframe透明覆盖div_iframe全屏覆盖原页面
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
全栈程序员站长
2022/11/17
2.1K0
3招解决Nginx实现404页面的实现!
Nginx (engine x) 是一个高性能的HTTP和反向代理服务器,也是一个IMAP/POP3/SMTP服务器。Nginx是由伊戈尔·赛索耶夫为俄罗斯访问量第二的Rambler.ru站点(俄文:Рамблер)开发的。而一个网站项目,肯定是避免不了404页面的,通常使用Nginx作为Web服务器时,有以下集中配置方式,一起来看看,更多内容请参考《Linux就该这么学》。
拓荒者
2019/08/16
4.9K0
Android - 页面返回上一页面的三种方式
在Android应用中,实现页面返回上一页面的三种方式包括:1.自己布置一个back的按钮或图片,在onClick方法中调用finish方法;2.使用系统提供的Action Bar,在AndroidManifest.xml中指定Application或Activity的theme是Theme.Holo或其子类;3.在onBackPressed方法中处理机器上的back按键。
宋凯伦
2018/01/04
5.2K0
Nginx实现404页面的三种方法
一个网站项目,肯定是避免不了404页面的,通常使用Nginx作为Web服务器时,有以下集中配置方式:
菲宇
2019/06/12
3.5K0
web页面的单页打印以及批量打印实现方法
(3).如果使用window.open(“showPrint.html”,”print”); 打印预览页面的话
用户2323866
2021/06/24
5K0
iframe 父页面与子页面之间的方法的相互调用
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>Parent Page</title> <script language="javascript" type="text/j
山河木马
2019/03/05
3.1K0
[html] 同一页面的跳转,锚文本的使用方法
<li><a href="#contact" class="nav-link px-2 link-dark">联系我们</a></li>
唯一Chat
2022/02/22
1K0
vue引入echarts实现同一页面多个图表
为了避免两个表之间的数据污染,我们需要在每次执行渲染表格数据之前进行echarts的init初始化
用户6493868
2022/03/08
3.1K0
layer弹出层详解
前言:学习layer弹出框,之前项目是用bootstrap模态框,后来改用layer弹出框,在文章的后面,我会分享项目的一些代码(我自己写的)。
全栈程序员站长
2022/09/14
5.3K0
layer弹出层详解
vue 404页面
如果用户输入错误的网址没有提示,界面也不会有任何变化,用户体验非常不友好,所以需要设置错误提示
py3study
2021/03/23
1.7K0
bootstrap 单页营销页面
image.png image.png image.png image.png
用户5760343
2019/10/14
2.1K0
bootstrap 单页营销页面
点击加载更多

相似问题

iframe标签引入的页面 如何编辑和改动?

21K

2个页面,页面1跳转到页面2 。然后2页面关闭后, 如何给1页面里面的变量赋值?

2303

产品页不显示?

07

首页 列表页返回顶部都正常 内容页显示不出来?

1234

为什么会显示无法显示此页?

1113
相关问答用户
腾讯云TDP | TDP会员擅长3个领域
平安资管 | 架构师擅长4个领域
擅长3个领域
擅长5个领域
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档