一、父页面给iframe中的子页面传值,把值写入子页面的文本框里

father.html

<script language="javascript" src="http://www.aspbc.com/js/jquery.js" type="text/javascript"></script> 
<script type="text/javascript"> 
function fuzhi() 

    $('#son').contents().find("#b").val("父页面传过来的值!");  

</script>

<iframe id="son" name="son" src="son.html" width="400" height="200"></iframe><br /> 
<input type="button" value="给子页面表单中id为b的文本框赋值" οnclick="fuzhi()" />

son.html

<form name="form2"><input type="text" name="b" id="b" /></form>

二、子页面如何调用父页面中的函数

father.html

<script language="javascript" src="http://www.aspbc.com/js/jquery.js" type="text/javascript"></script> 
<script type="text/javascript"> 
function fun() 

    alert('这是父页面中的函数弹出窗口哦!'); 

</script>  
<iframe id="son" name="son" src="son.html" width="400" height="200"></iframe>

son.html

<script type="text/javascript"> 
function diaoyong() 
{     
    $(window.parent.fun());  //调用父页面函数 

</script> 
<form name="form2"> <input name="btn1" type="button" οnclick="diaoyong()" value="调用父页面中的函数" /></form>

三、iframe中的子页给父页面传值

father.html

<script language="javascript" src="http://www.aspbc.com/js/jquery.js" type="text/javascript"></script> 
<div id="messagediv">test</div> 
<iframe id="son" name="son" src="son.html" width="400" height="200">
</iframe>

son.html

<script type="text/javascript"> 
function fuzhi() 

    $(window.parent.$("#messagediv").html("子页面赋过来的值")); 

</script> 
<form name="form2"><input name="btn1" type="button" οnclick="fuzhi()" value="给父页中id为messagediv的元素赋值" /></form>

转载于:https://www.cnblogs.com/daijun/p/6102599.html

iframe父页面与子页面之间的传值问题相关推荐

  1. vue 父组件与子组件之间的传值(普通传值)

    一,子组件向父组件传值($emit): 1.定义子组件 <template><div>子组件:<span>{{childValue}}</span>&l ...

  2. iframe父元素获取子页面的元素

    父页面 <iframe src="iframe.html" id="iframeId" height="150" width=&quo ...

  3. vue 父组件与子组件之间的传值(主动传值)

    一,父组件主动传值 1,父组件 <Settlement-Table1 ref="comp1"></Settlement-Table1>click(){thi ...

  4. iframe父页面与子页面之间的元素获取与方法调用

    JS   父页面调用子页面 子页面调用父页面 元素 window.frames[iframe的name属性值]; ① window.parent.document.getElementById(&qu ...

  5. js父页面和子页面之间传值

    今天和朋友一块讨论,怎样通过js在父页面和子页面之间传值的问题,总结例如以下: 需求描写叙述:父页面有多个子页面.实如今父页面点击子页面,传值到子页面. 看着非常easy,试了好久.主要纠结在怎样获取 ...

  6. iframe父页面与子页面如何传值

    一.父页面向子页面传值 parent.vue <template><iframe id="iframe" width="100%" :src= ...

  7. js里父页面与子页面的相互调用

    一.在页面里用 open 打开的子页面: 1.子页面调用父页面的方法,包括子页面给父页面传值:     window.opener.methodName();   window.opener.meth ...

  8. artdialog4.1.7 中父页面给子页面传值

    artdialog4.1.7中父页面给子页面传值时看了一些网友的解决方法: 在父页面声明全局变量 var returnValue=" ",子页面用art.dialog.opener ...

  9. 父页面调用子页面方法, 子页面加载父页面传送的数据

    先看效果图就明白需求了: 点击search查询结果集, 点击某一条将该条的其他信息分别加载到tab1和tab2中, 即net bill和other amount这两个tab. 点击clear清空查询条 ...

  10. Layui父页面和子页面直接互相传值

    目录 概述 后端 前端 父页面样式 父页面代码 子页面代码 父页面->子页面 子页面->父页面 可能产生的疑问 概述 实现效果: ①将父页面的数据表格的指定行数据,传递到子页面. (点击父 ...

最新文章

  1. IC基础知识(3)通用模拟,数字和混合信号集成电路
  2. DNS(3)- 详解DNS的资源记录
  3. oracle登录错误:ORA-28000: the account is locked 解决方法
  4. 技术系列课|网易云信音视频通话2.0产品中的美声/变声功能
  5. 0.为什么要学习Vue?
  6. jboss与nginx_JBoss BRMS与JasperReports进行报告
  7. 富士通服务器irmc账号密码,PRIMERGY TX1330 M2 E3-1200 V5单路 Fujitsu富士通立式服务器...
  8. visio2010绘制思维导图方法
  9. android刷机电脑版,安卓一键刷机助手
  10. C语言编程练习----2021级山东理工大学ACM实验二题解
  11. ireport 循环_IReport 常见问题整理
  12. *CF1132D.Stressful Training(二分+队列+贪心)
  13. 跳跃表 skipList 跳表的原理以及golang实现
  14. 01. Web漏洞靶场的搭建
  15. element-ui table中span-method(行合并)方法使用
  16. 嵌入式以太网第二部分——ENC28J60网卡驱动
  17. jqgrid属性:宽,高
  18. Failed to shutdown database console gracefully
  19. 机器视觉(四)——机器视觉应用
  20. permissions 权限

热门文章

  1. ubuntu 下安装配置LAMP
  2. centos6.5 最小化安装无法上网
  3. sql载取最后出现字符前的字符
  4. ★LeetCode(104)——二叉树的最大深度(JavaScript)
  5. ★LeetCode(182)——查找重复的电子邮箱(MySQL)
  6. 力扣 有多少小于当前数字的数字
  7. P1464 Function
  8. 2021年退休工资会不会涨?
  9. 创业失败感悟第二十七天
  10. 分享一个凭实力赚钱例子,值得借鉴学习