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

原文地址:https://www.cnblogs.com/shouke/p/11206591.html

时间: 2024-10-19 08:13:21

JQuery javascript实现父子页面相互调用的相关文章

【JavaScript】父子页面之间跨域通信的方法

由于同源策略的限制,JavaScript跨域的问题,一直是一个比较棘手的问题,为了解决页面之间的跨域通信,大家煞费苦心,研究了各种跨域方案.之前也有小网同学分享过一篇“跨域,不再纠结” 开始照着尝试时还是有些不够明白的地方,深入了解之后,这里给大家补充一点更具体的做法. 先来看看哪些情况下才存在跨域的问题: 其中编号6.7两种情况同属于主域名相同的情况,可以设置domain来解决问题,今天就不讨论这种情况了. 对于其他跨域通信的问题,我想又可以分成两类: 其一(第一种情况)是a.com下面的a.

Flex父子窗体相互调用

Flex父子窗体相互调用 1.设计思路 (1)子窗体调用父窗体的方法 (2)子窗体做了改动后,返回父窗体,父窗体调用子窗体函数 2.设计源代码 (1)父窗体 ParentWindow.mxml: <?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library:/

iframe 父子页面方法调用

在写代码的时候经常会用到将一个网页嵌入到另一个网页中,w3c也规定了一个标签<iframe>,这个标签本身就支持跨域,而且所有的浏览器都支持 iframe具有以下属性: 1.frameborder 设为1代表显示周围边框,设置为0不显示周围边框 2.height 设置iframe的高度 3.width 设置iframe的宽度 4.longdesc 属性值为URL 规定一个页面,该页面包含了有关 iframe 的较长描述 5.marginheight 定义 iframe 的顶部和底部的边距 6.

父子页面间调用

一.jQuery 父.子页面之间页面元素的获取,方法的调用: 1. 父页面获取子页面元素: $("#子页面id").contents().find("#子页面中的标签的id").click(); 2. 父页面调用子页面方法: $("#iframe的id")[0].contentWindow.子页面的方法(); 3. 子页面获取父页面元素: $("#父页面元素id" , parent.document); 二.原生 js 父页面

iframe子页面,父页面相互调用(同域)

先上代码: 父页面.html <!DOCTYPE html> <html> <head> <title>父页面</title> </head> <body> <div id='parent'></div> <iframe id="FrameId" name="frameName" frameborder="0" width="

Javascript和BHO的相互调用简介

v\:* {behavior:url(#default#VML);} o\:* {behavior:url(#default#VML);} w\:* {behavior:url(#default#VML);} .shape {behavior:url(#default#VML);}/* Style Definitions */ table.MsoNormalTable {mso-style-name:普通表格; mso-tstyle-rowband-size:0; mso-tstyle-colb

Form_Form页面和OAF页面相互调用(案例)

2014-12-27 Created By 鲍新建 一.摘要 OAF框架和Oracle EBS都提供了Oracle基于Forms的Oracle EBSforms和基于OAF页面的集成. 你可以从OAF页面运行一个Oracle EBS form,也可以从Oracle EBS form调用一个OAF HTML页面. 1. Form调用OAF页面 通过FND_FUNCTION进行跳转 2. OAF调用Form页面 (1). 设置Item URL为 form:responsibilityApplicat

iframe父子级相互调用

父级:parent.html 调用孩子方法:fuji.window.functionName(); <!doctype html> <html> <head> <script type="text/javascript"> function say() { alert("parent.html------>I'm at parent.html"); } function callChild() { //docum

php页面相互调用的知识点

目前我们有这样一个需求: (1) a.php  页面要使用 b.php 定义的函数,我们可以使用 如下指令 require  require_once include   include_once 举例 require 的用法 1 <?php 2 require (‘要引入的文件名’); 3 $filePath=”abc.php” 4 require $filePath; 5 require ‘要引入的文件名(路径)’ 6 7 ?> 案例说明: <?php //1. //require