侦听 iframe 事件 - 打开一个 url
Listen for iframe event - on open a url
我的移动网站中嵌入了一个iframe,其中iframe的内容包含一个带有标签的图像。我想侦听用户单击iframe中的图像并重定向到新页面的事件。
例如:
<!-- This is the content of the iframe -->
<!-- The hosting location is http://www.example.com/iframe.html -->
<a href="http://www.google.com" target="_blank">
<img src="http://www.example.com/image01.jpg">
</a>
然后
<!-- This is the content of the mobile site -->
<html>
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
<iframe src="http://www.example.com/iframe.html"></iframe>
</html>
所以当用户点击 iframe 中的图片时,他会被重定向到 http://www.example.com,我想监听这个事件,我可以动态运行一些 javascript 函数。
有什么建议吗?谢谢。
2014年12月9日备注:
必须注意的一件事是,移动网站的内容会动态地传递到具有不同域的多个移动网站中。所以 window.parent 不起作用,因为 iframe 内容文件和 html 文件不在同一域中。
我还检查了方法postMessage(data,targetDomain(。但是,它只能在 iframe 内容文件和 html 文件的域已知的情况下工作。(就我而言,HTML文件的域是未知的,因为它是在具有不同域的多个移动站点上动态交付的(。
任何解决方案??
您可以使用window.parent
.
在 iframe 页面中:
$('a').on("click", function(e) {
window.parent.doStuff();
});
在您的主页中:
function doStuff(){ ... }
相关文章:
- 一次又一次地在新的和相同的选项卡中打开一个url
- 如何使用特定的javascript函数创建一个url,以便在加载页面时运行
- 修改 HTML 的方式使左键应带到下一个 URL
- 给定一个 url,脚本如何找到加载的资源
- Javascript下载一个URL-Azure Blob存储
- 表单输入和选择值将创建一个URL
- 当数据在另一个URL上更新时,AngularJS是否可以在一个URL上触发$watch
- 将json数据发送到另一个url-在您'我从我自己的网址上得到的
- Javascript 转到 URL 如果用户输入特定数字,则转到另一个 URL
- 给定一个 URL,我如何找到锚 HTML 锚标记
- 仅当从另一个 URL 加载数据时,才会触发另一个插件
- 如何设置一个url(回调)来侦听javascript的答案
- regexp(?) 用于从另一个 URL 中提取 URL
- 使用 location.href 或类似内容打开一个 URL,后跟一个哈希符号
- 侦听 iframe 事件 - 打开一个 url
- jquery/js - 我有一堆值(字符串).我想通过 POST 将其发送到另一个 URL,我该怎么做
- 两个下拉列表表单以获取一个 URL
- 是可以用户刷新网页并同时重定向到另一个URL
- jQuery - 打开一个 URL 并选择一个值
- 您如何创建一个链接,单击该链接会将您带到一个页面,并打开一个转到另一个 URL 的新选项卡