文档章节

iframe子页面调用父页面javascript函数的方法(支持chrome和IE的通用方法)

卖火柴的format
 卖火柴的format
发布于 2014/08/11 17:46
字数 294
阅读 3392
收藏 8

iframe子页面调用父页面javascript函数的方法

今天遇到一个iframe子页面调用父页面js函数的需求,解决起来很简单,但是在chrome浏览器遇到一点小问题。顺便写一下iframe的父页面调用子页面javascript函数的方法吧,备用!

1、iframe子页面调用 父页面js函数

子页面调用父页面函数只需要写上window.praent就可以了。比如调用a()函数,就写成:

window.praent.a();

但是我在chrome浏览器下却发现此方法无效了!查了半天才了解,在chrome 5+中,window.parent无法在file://协议中运行,但是发布了之后http://协议下是可以运行的。此方法支持ie、firefox浏览器。

2、iframe子父页面调用 子页面js函数

这个就稍微复杂一些,下面的方法支持ie和firefox浏览器:

document.getElementById('ifrtest').contentWindow.b();

注:ifrtest是iframe框架的id,b()为子页面js函数。contentWindow属性是指定的frame或者iframe所在的window对象,IE下可以省略。


© 著作权归作者所有

卖火柴的format
粉丝 2
博文 7
码字总数 6596
作品 0
成都
私信 提问
加载中

评论(1)

bluesyc
bluesyc
学习了。
chrome iframe 子页面调用父页面函数

chrome iframe 子页面js如何 调用父页面函数

罗培海
2016/10/28
557
1
Web前端学习笔记之前端跨域知识总结

0x00 前言 相信每一个前端er对于跨域这两个字都不会陌生,在实际项目中应用也是比较多的。但跨域方法的多种多样实在让人目不暇接。老规矩,碰到这种情况,就只能自己总结一篇博客,作为记录。...

时光飞逝,逝者如斯
2018/08/08
0
0
iframe内部对象调用与反向调用

iframe通常是页面内嵌的一个外部文件,我们可以通过Javascript访问iframe对象并操作iframe内嵌文件里面的DOM和Javascript对象。代码如下: 主页面文件index.html <!DOCTYPE html><html><head...

Chiroc
2012/09/12
2.5K
0
ie下使用iframe的bug

今天用在线编辑器的时候发现个问题,在编辑器卸载的时候,火狐和chrome都正常,万恶的ie十有八九导致页面元素无法聚焦,文本框没法获得焦点,文字也不能选中,起初以为是被透明的层给遮罩了,...

布谷鸟
2012/04/12
4.5K
1
【Js】---JS中的跨域问题

一、什么是跨域? 1.定义:跨域是指从一个域名的网页去请求另一个域名的资源。比如从www.baidu.com 页面去请求 www.google.com 的资源。但是一般情况下不能这么做,它是由浏览器的同源策略造...

LYQ1990
2018/03/07
31
0

没有更多内容

加载失败,请刷新页面

加载更多

SpringBoot Actuator监控应用

微服务的特点决定了功能模块的部署是分布式的,大部分功能模块都是运行在不同的机器上,彼此通过服务调用进行交互,前后台的业务流会经过很多个微服务的处理和传递,出现异常如何快速定位便成...

zw965
12分钟前
4
0
高性能最终一致性框架Ray之基本概念原理

一、Actor介绍 Actor是一种并发模型,是共享内存并发模型的替代方案。 共享内存模型的缺点: 共享内存模型使用各种各样的锁来解决状态竞争问题,性能低下且让编码变得复杂和容易出错。 共享内...

程序员修BUG
13分钟前
3
0
如何去掉子集合功能中的按钮?

解决方案: 1、找到子集合字段 2、打开字段详细信息,在辅助配置里面进行配置 加入JEPaaS技术交流群,了解更多

JEPaaS云平台
14分钟前
5
0
创龙TI KeyStone C66x多核定点/浮点DSP TMS320C665x + Xilinx Artix-7 FPGA处理器;

广州创龙结合TI KeyStone系列多核架构TMS320C665x及Xilinx Artix-7系列FPGA设计的TL665xF-EasyEVM开发板是一款DSP+FPGA高速大数据采集处理平台,其底板采用沉金无铅工艺的6层板设计,适用于高...

Tronlong创龙
16分钟前
4
0
hbuilder打包常用android权限配置

常用android权限配置 - 开启相机权限 - 允许程序通过WiFi或移动基站的方式获取用户错略的经纬度信息 - 允许程序通过GPS芯片接收卫星的定位信息 - 允许程序获取模拟定位信息,一般用于帮助开发...

小草先森
17分钟前
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部