首页 web前端 js教程 iframe怎样实现触发父窗口元素事件

iframe怎样实现触发父窗口元素事件

Apr 26, 2018 am 10:31 AM
iframe 窗口 触发

这次给大家带来iframe怎样实现触发父窗口元素事件,iframe实现触发父窗口元素事件的注意事项有哪些,下面就是实战案例,一起来看一下。

例如父窗口定义了一个事件。

top:

$(dom1).bind('topEvent', function(){});
登录后复制

那么iframe里面的元素怎样触发父窗口dom1的事件呢?这样吗?

$(dom1, parent.
document
).trigger('topEvent');
登录后复制

看似正确,实则误导人。

因为父窗口的jquery对象与iframe里面的jquery对象实际为两个对象(function),iframe里面的jquery并不会触发另一个jquery对象定义的事件。除非你在iframe这样定义了:

iframe:

self.$ = parent.$;
登录后复制

所以解决的方法很简单:

parent.$(dom1,parent.doucment).trigger('topEvent');
登录后复制

调用父jquery执行该事件就行了。

话说iframe应该不必再引进jquery文件的,与父窗口共用一个jquery就行了,这样很环保。

相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

推荐阅读:

Tab选项卡滚动导航切换实现(附代码)

jQuery最简洁实现tab选项切换

以上是iframe怎样实现触发父窗口元素事件的详细内容。更多信息请关注PHP中文网其他相关文章!

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您听不到任何人,如何修复音频
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25:如何解锁Myrise中的所有内容
3 周前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

我如何裁剪HTML中的IFrame? 我如何裁剪HTML中的IFrame? Aug 29, 2023 pm 04:33 PM

内联框架在HTML中称为iframe。标签指定内容中的一个矩形区域,浏览器可以在其中显示带有滚动条和边框的不同文档。要在当前HTML文档中嵌入另一个文档,请使用内联框架。可以使用HTMLiframe名称属性指定元素的引用。在JavaScript中,对元素的引用也是使用name属性进行的。iframe本质上用于在当前显示的网页中显示网页。包含iframe的文档的URL使用“src”属性指定。语法以下是HTML的语法<iframesrc="URL"title="d

如何使用物理手势触发有趣的屏幕 FaceTime 效果 如何使用物理手势触发有趣的屏幕 FaceTime 效果 Oct 12, 2023 pm 11:49 PM

在iOS17和iPadOS17中,Apple在iPhone和iPad上引入了类似Message的FaceTime反应。除了不是从菜单中选择图标之外,您还可以在FaceTime通话中通过物理手势触发它们。当您在运行iOS17的iPhone或运行iPadOS17的iPad上进行FaceTime视频通话时,您可以触发心形、气球、五彩纸屑、烟花等屏幕效果,视觉效果会在您的FaceTime通话视频中充斥显示屏,有时非常壮观,供其他人观看。您可以解放双手,只需使用物理手势即可触发这些反应。例如,一个竖起大拇

谷歌浏览器怎么设置每次打开都是新的窗口 谷歌浏览器怎么设置每次打开都是新的窗口 Mar 06, 2024 pm 06:19 PM

谷歌浏览器怎么设置每次打开都是新的窗口?狠毒用户喜欢使用谷歌浏览器办公或者学习,这款浏览器具有安全、快速、便捷的特点,不同的用户使用浏览器的喜好不同,一些用户喜欢打开谷歌浏览器就是新的标窗口,方便快速搜索,那么如何设置呢。接下来小编就给大家带来谷歌浏览器每次打开都是新的窗口设置教程,感兴趣的朋友快来学习一下吧。谷歌浏览器每次打开都是新的窗口设置教程1、将电脑桌面上的谷歌浏览器双击打开之后,点击右上角的【三个点】的图标位置进行单击。2、找到【设置】这个选项进入到页面中(如图所示)。3、进入到谷歌浏

iframe为什么加载慢 iframe为什么加载慢 Aug 24, 2023 pm 05:51 PM

iframe加载慢的原因主要包括网络延迟、资源加载时间长、加载顺序、缓存机制以及安全策略等。详细介绍:1、网络延迟,当浏览器加载一个包含iframe的网页时,需要发送请求到服务器获取iframe中的内容,若网络延迟较高,那么获取内容的时间就会增加,从而导致iframe加载慢;2、资源加载时间长,资源的大小较大或者服务器响应时间较长时,加载速度会更加明显地变慢;3、加载顺序等等。

iframe中的data-id是什么意思 iframe中的data-id是什么意思 Aug 28, 2023 pm 02:25 PM

iframe中的data-id是指在HTML标签中使用的自定义属性,用于存储特定元素的标识符。通过使用data-id属性,可以为iframe元素添加一个唯一的标识符,以便在JavaScript中对其进行操作和访问。data-id属性的命名可以根据具体的需求进行自定义,但通常会遵循一些命名规范,以确保其唯一性和易读性。data-id属性还可以用于识别和操作特定的iframe。

激发Mac上FaceTime中的反应效果的方法 激发Mac上FaceTime中的反应效果的方法 Oct 10, 2023 pm 06:09 PM

在macOSSonoma中,Apple为FaceTime引入了类似消息的反应。不过,它们不是由文字触发,而是可以通过手势触发。当您在运行macOSSonoma或更高版本的Mac上进行FaceTime视频通话时,您可以触发心形、气球、五彩纸屑、烟花等屏幕效果,这些效果会淹没FaceTime通话窗口上的显示屏。您可以通过绿色的FaceTime菜单栏项触发这些图层屏幕效果,其中包括迷你网络摄像头视图和触发反应的按钮,或者您可以解放双手并仅使用物理手势触发相同的反应。例如,一个竖起大拇指触发一个赞,两个

什么技术可以代替iframe 什么技术可以代替iframe Aug 24, 2023 pm 01:53 PM

可以代替iframe的技术有Ajax、JavaScript库或框架、Web组件技术、前端路由和服务器端渲染等。详细介绍:1、Ajax是一种用于创建动态网页的技术。它可以通过在后台与服务器进行数据交换,实现页面的异步更新,而无需刷新整个页面,使用Ajax可以更加灵活地加载和显示内容,不再需要使用iframe来嵌入其他页面;2、JavaScript库或框架,如React等等。

iframe有哪些加载事件 iframe有哪些加载事件 Aug 28, 2023 pm 01:55 PM

iframe的加载事件有onload事件、onreadystatechange事件、onbeforeunload事件、onerror事件、onabort事件等。详细说明:1、onload事件,指定加载iframe完成后要执行的JavaScript代码;2、onreadystatechange事件,指定当iframe状态变化时要执行的JavaScript代码等等。

See all articles