iframe跨页面调用函数

在项目中难免会遇到这样一个问题就是页面引入了IFrame并且需要父页面调用子页面函数或者子页面需要调用父页面函数。比如说:现在有两个页面parent.html和child.html。其中parent.html中含有IFrame并且IFrame指向child.html。现在需要在parent.html/child.html中调用child.html/parent.html的一个js方法。

具体的代码实现如下:

parent.html

<html>
<head>
<script type="text/javascript">
  function parent_click(){
    alert("来自父页面");
  }
</script>
</head>
<body>
  <input type="button" value="调用本页面函数" onclick="parent_click();" />
  <input type="button" value="调用子页面函数" onclick=‘window.frames["childPage"].child_click();‘ />
  <iframe id="childPage" name="childPage" src="inner.html" width="100%" frameborder="0"></iframe>
</body>
</html>

child.html 

<html>
<head>
<script type="text/javascript">
  function child_click(){
    alert("调用的子页面函数");
  }
</script>
</head>
<body>
  <input type="button" value="调用父页面函数" onclick=‘parent.window.parent_click();‘ />
  <input type="button" value="调用本页面函数" onclick="child_click();" />
</body>
</html>

http://blog.csdn.net/qingfeilee/article/details/7280171

iframe跨页面调用函数

时间: 2024-10-17 21:54:25

iframe跨页面调用函数的相关文章

Javscript调用iframe框架页面中函数的方法

Javscript调用iframe框架页面中函数的方法,可以实现iframe之间传值或修改值了, 访问iframe里面的函数: window.frames['CallCenter_iframe'].hw_CallIn(callerid,sessionid); 说明: CallCenter_iframe为iframe的id hw_CallIn为iframe中页面中的方法名 callerid和sessionid为方法中的参数 例子如下:index.html <a href="#" o

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

1.iframe子页面调用 父页面js函数 子页面调用父页面函数只需要写上window.parent就可以了.比如调用a()函数,就写成: window.parent.a(); 2.iframe父页面调用 子页面js函数 这个就稍微复杂一些,下面的方法支持ie和firefox浏览器: document.getElementById('ifrtest').contentWindow.b();

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

iframe子页面调用父页面javascript函数的方法 今天遇到一个iframe子页面调用父页面js函数的需求,解决起来很简单,但是在chrome浏览器遇到一点小问题.顺便写一下iframe的父页面调用子页面javascript函数的方法吧,备用! 1.iframe子页面调用 父页面js函数 子页面调用父页面函数只需要写上window.praent就可以了.比如调用a()函数,就写成: window.praent.a(); 但是我在chrome浏览器下却发现此方法无效了!查了半天才了解,在c

[JSP][JSTL]页面调用函数--它${fn:}内置函数、是推断字符串是空的、更换车厢

页面中调用函数--之${fn:}内置函数 函数描写叙述 fn:contains(string, substring) 假设參数string中包括參数substring,返回true fn:containsIgnoreCase(string, substring) 假设參数string中包括參数substring(忽略大写和小写),返回true fn:endsWith(string, suffix) 假设參数 string 以參数suffix结尾,返回true fn:escapeXml(strin

javascript 之 location.href、跨窗口调用函数

location.href这个东西常常用于跳转,location既是window对象的属性,又是document对象的属性. JavaScript hash 属性 -- 返回URL中#符号后面的内容 JavaScript host 属性 -- 返回域名 JavaScript hostname 属性 -- 返回主域名 JavaScript href 属性 -- 返回当前文档的完整URL或设置当前文档的URL JavaScript pathname 属性 -- 返回URL中域名后的部分 JavaSc

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

今天开发网站时遇到一个棘手的问题,因为iframe不提倡使用,所以也没怎么关注和研究过iframe. 问题如下: 我通过freedialog设置了一个iframe打开的子页面,页面中原本拥有完整的功能,但是有个取消按钮,如图 右上角已有关闭按钮,但是为了页面的完整性以及保留美工的完整切图样式,没有去除掉取消按钮,现在的目的是要将取消按钮实现关闭功能. <input type="button" value="取消" class="btnqx"

使用iframe父页面调用子页面和子页面调用父页面的元素与方法

在实际的项目开发中,iframe框架经常使用,主要用于引入其他的页面.下面主要介绍一下使用iframe引入其他页面后,父页面如何调用子页面的方法和元素以及子页面如何调用父页面的方法和元素. 1.父页面获取子页面的元素 //jquery方式 $("#iframeId").contents().find("#child1"); //js方式 window.frames["iframName"].document.getElementById(&quo

iframe 跨域调用父级方法的方案

一.如果高层域名相同的话,可以通过document.domain来实现跨域访问 例如: 父级域名:localhost:8080 子级域名:localhost:9090 那么可以设置document.domain = 'localhost' 来实现跨域访问 二.如果域名没有相同之处 先来做一个假设:假如 我现在有两个系统,一个是工作流服务平台,其中一个功能就是"代办": 另一个是OA系统,现在我要在OA系统中直接嵌入工作流服务平台的代办页面,而代办页面的中,点击处理又会打开OA系统提供的

CRM 2016 执行IFrame 子页面中函数

CRM代码: var iframe = Xrm.Page.getControl("IFRAME_xxx").getObject(); iframe.contentWindow.RefreshSelf(); IFrame 代码: var RefreshSelf = function() { // do something } 原文地址:https://www.cnblogs.com/BinBinGo/p/9887266.html