zoukankan      html  css  js  c++  java
  • JQuery javascript实现父子页面相互调用

    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内容为关键语法

     

  • 相关阅读:
    Lua 学习之基础篇一<Lua 运算符>
    Git: invalid active developer path
    Lua中使用continue 小练习
    Xcode 运行objc_msgSend 提示objc_msgsend()Too many arguments to function call, expected 0
    逆向思维
    机场
    旅行者
    好图计数
    支配树
    一般图最大匹配
  • 原文地址:https://www.cnblogs.com/shouke/p/11206591.html
Copyright © 2011-2022 走看看