当前位置: 移动技术网 > IT编程>开发语言>Jquery > JQuery javascript实现父子页面相互调用

JQuery javascript实现父子页面相互调用

2019年07月19日  | 移动技术网IT编程  | 我要评论
javascript实现父子页面相互调用 By:授客 QQ:1033553122 场景1 父页面调用子页面 如上图,在iframe子页面的<script>元素中,定义了taskStatus全局变量,如果希望在其父页面中获取该全局变量的值,则可在父页面的<script>元素中新增js脚本如下: var ...

javascript实现父子页面相互调用

by:授客 qq1033553122

 

 

 

 

场景1 父页面调用子页面

如上图,在iframe子页面的<script>元素中,定义了taskstatus全局变量,如果希望在其父页面中获取该全局变量的值,则可在父页面的<script>元素中新增js脚本如下:

var taskstatus = document.getelementbyid('iframe-1-11').contentwindow.taskstatus;

 

注:这里iframe-1-11为子页面iframe id属性值

 

注:也可以通过上述方式去调用子页面定义的全局函数

场景2 子页面调用父页面

如上图,如果希望在iframe子页面<script>中获取父页面当前tab页面,以获取tab标签页其它信息,可在父页面的<script>元素中新增js脚本如下:

var currenttab = window.parent.$('#tabs').tabs('getselected');
 
# 后续操作
var tabid = currenttab.panel('options').id;
……
说明:此处的#tabs 为easyui tab div容器的id
 

 

上述带背景色部分的js内容为关键语法

 

如您对本文有疑问或者有任何想说的,请点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网