iframe子页面点击按钮，执行父页面的点击事件

最新推荐文章于 2022-11-09 09:53:12 发布

weixin_30271335

最新推荐文章于 2022-11-09 09:53:12 发布

阅读量1.2k

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/xuerong/p/5956847.html

版权

iframe

子页面点击。parent 父页面的id（auth-link-btn）的事件

   <a href="javascript:void(0);"  οnclick="parent.$('#auth-link-btn',parent.document).trigger('click');">点击绑定</a>

转载于:https://www.cnblogs.com/xuerong/p/5956847.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30271335

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

在父页面调用iframe子页面的JS方法

heartbeaty的专栏

02-18

4万+

parent function parentFunction() { alert('function in parent'); } function callChild() { child.window.childFunction(); /* child 为iframe的name属性值，不能为id，因为在FireFox下id不能获取iframe对象 */ }

获取子页面iframe的点击事件及iframe跨域的交互

weixin_30367945的博客

06-12

878

1、获取子页面iframe的点击事件 　　1.1、获取iframe 　　　　var frame = document.getElementById('addrClick2'); 　　1.2、获取点击事件 var IframeOnClick = { resolution: 200, iframes: [], interval: null, Iframe: f...

参与评论您还未登录，请先登录后发表或查看评论

菜单内嵌的iframe控制外层页面跳转

qq_40178497的博客

04-16

2690

需求：菜单框架和菜单内容是不同组件开发，通过iframe联动的，现在需要由一个菜单跳转到另一个菜单，实现左侧菜单和上方Tab标签都跟随变化菜单内容若是和菜单框架使用同一组件，那么自然有相应的文档，菜单跳转非常简单，但内嵌不同开发组件或者页面要实现跳转，提供菜单框架的组件不能使用解决方案：在内嵌的iframe中去控制外层的页面网址，实现菜单跳转在内嵌iframe的js中，通过window.open("url","_top")或者通过top.location.href=url来实现跳转，url为需要

JQuery使用iframe 子页面查找父页面元素，及触发父页面事件

m0_50953782的博客

11-03

978

子页面查找父页面元素$('#id',window.parent.document)子页面触发父页面事件。

iframe如何触发父元素事件以及父页面控制iframe子页面元素

qq_36134977的博客

01-24

997

https://blog.csdn.net/weixin_38047955/article/details/78803291

vue使用ifram标签解决父子页面传值，触发事件的操作

龘

10-29

2496

1、首先需要明确的一点，标题所说的子页面调用父页面的方法或者函数，是需要父子页面配合的。如果子页面不是你自己开发的，或者父页面不是自己开发的，那就没办法调用了。而且，因为业务的特殊需要，我们用到了iframe，如果只是Vue两个父子组件的传值或者调用，其实是非常简单的，百度一下，就能出现很多。在明确了以上的点以后，开始这一次的分享。首先先说一下，没有在Vue框架中，就是单纯的HTML页面，子页面调用父页面的函数，其实非常的简单。在子页面中，有一个windows.parent的方法。

iframe子页面操作父页面

最新发布

m0_62089210的博客

11-09

1614

测试弹出层日志查看二级菜单主页

Jquery调用iframe父页面中的元素及方法

11-24

在网页开发中，有时我们需要在`iframe`中与父页面进行交互，比如调用父页面中的元素或执行父页面的方法。本文将详细讲解如何使用jQuery实现这一功能。首先，我们来了解一下`iframe`的基本概念。`iframe`（Inline ...

解决layer弹出层的内容页点击按钮跳转到新的页面问题

10-16

3. 在按钮或链接元素上使用`onclick`事件处理器执行一段脚本，在脚本中执行页面跳转逻辑。 ### 知识点3：target属性的作用 `target`属性是HTML超链接（`<a>`标签）的属性之一，它决定了链接应该在何处打开。`...

jquery点击按钮隐藏父页和引用页的iframe

09-23

接下来，假设你有一个`iframe`元素，其`id`为`myIframe`，你可以在`iframe`内的子页面中编写JavaScript代码来响应按钮点击事件，并触发隐藏`iframe`的操作。在子页面的`<body>`标签中，添加一个按钮元素，并为其绑定...

iframe里面的元素触发父窗口元素事件的jquery代码

10-25

主要介绍了jquery:iframe里面的元素怎样触发父窗口元素的事件，很简单，但很实用，需要的朋友可以看看

layer.open 按钮的点击事件关闭方法

10-18

type: 1, // 0表示信息框，1表示页面层，2表示iframe页面，3表示加载中，4表示底部弹出层 area: ['600px', '300px'], // 窗口大小 content: '内容', // 窗口内容 yes: function(index, layero){}, // 确定按钮的...

子页面执行父页面元素的事件

u010170674的博客

05-26

635

parent.$('#user',parent.doucment).trigger('click'); $(dom1).bind('topEvent', function(){}); 那么iframe里面的元素怎样触发父窗口dom1的事件呢？这样吗？ $(dom1, parent.document).trigger('topEvent'); 看似正确，实则误导人。因为父窗口的jqu...

在iframe里怎么触发父框架的点击事件

sunshinezx8023的博客

06-28

858

父级:index.html页面 <input id="no" type="text"/> 给id="no"元素绑定自定义hello事件 $("#no").bind('hello',function(){ console.log("hello"); }); 在子页面:show.html触发该事件 parent.$("#no").trigger('hello'); //触发父页面元素的hello方法 ...

iframe子页面调用父页面的方法

尘封的落叶的博客

12-24

1048

1.有父页面部分代码如下： <div style="width:100%;height:auto"> <iframe src=' /sonIframe.jsp' width='100%' height='100%' frameborder='0' id='sonID'></iframe> </div> 2.设父页面有方法： f...

iframe中的页面如何触发父页面事件

ayfxo22204的专栏

02-27

357

可采用iframe的JS调用父页面的JS 如：父页面的JS代码为 View Code 1 function getValue() { 2 document.getElementById("MyFormLayer").style.display = "none"; 3 var grid = document.getElement...

iframe子页面获取父页面的点击事件

Qiustion的专栏

08-01

5566

iframe子页面获取父页面的点击事件

layer弹出子iframe层的父子页面数据交互实现

在Web开发中，尤其是在使用像layer这样的弹窗插件时，有时我们需要在主页面（父页面）与弹出的子iframe页面之间传递数据。这在处理用户交互、共享状态或执行特定功能时非常有用。本文将详细介绍如何在layer弹出的子...