实现 iframe 子页面调用父页面中的js方法

最新推荐文章于 2022-06-21 10:51:56 发布
最新推荐文章于 2022-06-21 10:51:56 发布
阅读量103 收藏
点赞数
原文链接：http://www.cnblogs.com/guozhe/p/3406030.html
版权
父页面：index.html(使用iframe包含子页面child.html)
[xhtml]   view plain copy print ?
  1. <html>  
  2. <head>  
  3. <script type="text/javascript">  
  4. <!--  
  5. function toshow(msg){  
  6.     alert("这里是父页面:"+msg);  
  7. }  
  8. // -->  
  9. </script>  
  10. </head>  
  11. <body>  
  12. <iframe background="blue" src="child.html" mce_src="child.html"></iframe>  
  13. </body>  
  14. </html>  

 

子页面child.html(调用父页面toshow方法) 

 

[xhtml]   view plain copy print ?

 

    1. <html>  
    2. <head>  
    3. <script type="text/javascript">  
    4. <!--  
    5. function doparent(){  
    6. window.parent.toshow('ccccchild');  
    7. }  
    8. // -->  
    9. </script>  
    10. </head>  
    11. <body>  
    12. This is child frame!!  
    13. <input type="button" value="请点击" onclick='doparent()'></input>  
    14. </body>  

 

转载于:https://www.cnblogs.com/guozhe/p/3406030.html

weixin_30262255
关注
在iframe中调用js父页面和子页面方法
08-08
NULL 博文链接：https://747017186.iteye.com/blog/1985110
js父子页面相互调用变量及方法
Dzq_Boyka的博客
11-02 2529
原文：http://www.cnblogs.com/huangshuqiang/p/5734358.html （1）子页面调用父页面的方法或者变量： window.parent.方法()或者变量名 window.parent相当于定位到父页面  之后的操作和在父页面中写代码一样写 window.parent.aa();//调取aa函数 window.parent
使用JS实现子页面调用父页面的函数
kuanglian0的博客
06-21 6651
使用JS实现子页面调用父页面的函数
JS子窗口调用父窗口
12-24
JS子窗口调用父窗口
浅谈js中子页面父页面方法 变量相互调用
12-12
（1）子页面调用父页面的方法或者变量： window.parent.方法()或者变量名 window.parent相当于定位到父页面  之后的操作和在父页面中写代码一样写 window.parent.aa();//调取aa函数 window.parent.bb;//调取bb变量 例如：想在子页面中得到id为aaa的文本框的值 window.parent.$("#aaa").val();//这种写法的前提是引用了jquery window.parent.getElementById("aaa").value; //js的写法 （2）父页面调取子页面 主要是通过contentWindow定位到
js中iframe调用父页面的方法
01-19
子页面调用父页面的方法在js中很容易实现。我们只需要在主页面加个函数，然后在子页面通过window.parent.方法()即可实现了 比如调用a()函数，就写成： 代码如下:window.parent.a(); 但是我在chrome浏览器下却发现此...
iframe子父页面调用js函数示例
10-26
本文将详细介绍如何实现`iframe`子页面调用父页面的函数，以及父页面调用子页面的函数。 1. **iframe子页面调用父页面的函数** 在子页面中，通过`window.parent`属性，我们可以访问到父页面的全局作用域。如果要...
嵌入式iframe子页面与父页面js通信的方法
10-24
在网页开发中，有时我们需要在嵌入的iframe子页面与包含它的父页面之间进行JavaScript通信。这通常是出于功能集成或者数据交互的需求。本篇文章将详细阐述如何在同域和跨域的情况下实现这样的通信。 首先，我们来看...
Jquery调用iframe父页面中的元素及方法
11-24
在网页开发中，有时我们需要在`iframe`中与父页面进行交互，比如调用父页面中的元素或执行父页面的方法。本文将详细讲解如何使用jQuery实现这一功能。 首先，我们来了解一下`iframe`的基本概念。`iframe`（Inline ...
子页面调用父页面的js方法或参数（iframe.contentWindow）
qq_40065670的博客
01-18 1652
子页面调用父页面的js方法或参数子页面调用父页面的参数相关链接 子页面调用父页面的参数 //更改父页面的sfbc标识，让父页面进行刷新 if(typeof parent.KaTeX parse error: Expected '}', got 'EOF' at end of input: …ing'){ parent.(“iframe”)[1].contentWindow.sfbc=“1”;//使用process页面方法 } 基本使用： 1、document.getElementById(“myifram
html 进入页面 调用js方法,html5 父页面调用子页面js方法
weixin_36204727的博客
06-03 496
父页面代码：var randid=result.rows.item(0)['id'];plus.webview.close("test_order_detail");//创建之前要关闭一次，因为这个方法是重复使用的，不会报错的sub = plus.webview.create("test_order_detail.html","test_order_detail",subpage_style,{q...
js中调用父页面的方法
郑龙飞
03-17 3046
子页面调用父页面的方法 parent.window.show(b) window.opener.show(b) opener.location="javascript:show('hello')"; 子页面获取父页面的值 var el=window.opener.document.getElementById(currentWId);
子页面调用父页面的js方法
Tomsheng321的专栏
12-28 3160
1)iframe调用父页面的js window.parent.freshList(); 2)iframe调用多层的父页面的js 以自定义查询新增查询条件的页面newCustom.jsp为例： var frames=window.parent.parent.window.document.getElementById("operateIframe").contentWindow.docu
iframe中子页面调用父页面的js方法
顾亮亮的专栏
05-06 2563
有两个页面   client.html    http://www.w3.org/1999/xhtml">无标题文档      function a(){   alert(frame子窗体调用父窗体方法);  }         js remote  server.htmlhttp://www.w3.org/1999/xhtml">无标题文档  阿里山的肌肤 撒旦飞
JavaScript中iframe调用父页面的方法详解
"这篇文档详细阐述了JavaScript中iframe如何调用父页面的方法，适用于网页开发中的交互需求。" 在JavaScript中，当一个页面包含iframe时，有时需要在iframe内部执行某些操作后，通知或调用父页面上的函数。文档中...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值