用iframe 进行局部刷新--(子页面,父页面变量和函数互相调用)

缺乏、安全感 2022-06-17 13:28 259阅读 0赞

（1）主页面（包含iframe）的初始化

<iframe id="myFrameId"></iframe>

$("\#myFrameId").attr("src", APP\_PATH+'/adjustaccount/adjustInfo?account\_period=201412');  
\});

（2）主页面上（包含iframe）的查询按钮

function query()\{

<iframe id="myFrameId"></iframe>

$("\#myFrameId").attr("src", APP\_PATH+'/adjustaccount/adjustInfo?account\_period=201411');

//可以实现局部刷新-----只刷新iframe内容，主页面上其他内容不刷新。

\}

(3) 子页面iframe上获取父页面元素 ------- [jQuery][] window对象属性：parent：返回父窗口

在子页面iframe上写如下代码：

var year =parent.$("\#year\_m").val();  
 var month=parent.$("\#month\_m").val();

(4) 父页面上获取子页面iframe上的元素 -------------------- jQuery

<iframe id="myFrameId"></iframe>

在父页面上写如下代码：

$('\#myFrameId').contents().find('\#student\_name').text();     --父页面获取子页面iframe上的属性student\_name的文本值

(5)

1、HTML语法：<iframe name="myFrame"></iframe>

2、父窗口调用子窗口函数：myFrame.window.functionName();

3、子窗品调用父窗口：parent.functionName();

简单地说,也就是在子窗口中调用的变量或函数前加个parent.就行

[jQuery]: http://lib.csdn.net/base/jquery

发表评论取消回复

表情：

评论列表（有 0 条评论，259人围观）

还没有评论，来说两句吧...

相关阅读

相关 iframe 页面刷新

1.点击刷新 \[1\].html页面代码 <a href="javascript:;" title="刷新当前页" id="Refresh" style=

绝地灬酷狼/ 2023年06月03日 04:57/ 0 赞/ 8 阅读

相关用iframe 进行局部刷新--(子页面,父页面变量和函数互相调用)

（1）主页面（包含iframe）的初始化 <iframe id="myFrameId"></iframe> $("\myFram

缺乏、安全感/ 2022年06月17日 13:28/ 0 赞/ 260 阅读

相关利用iframe进行父页面和子页面的通信

父页面parent.html: <span id='parentSpan'>父页面元素</span> <iframe src="child1.html" i

蔚落/ 2022年06月10日 10:38/ 0 赞/ 225 阅读

相关 html页面中iframe嵌套页面的父页面和子页面js方法互相调用

我们在写html页面或者说是jsp页面是，有时候需要在一个页面中使用iframe标签嵌套另一个页面，而两个页面有些数据需要交互，这个时候就会用到js技术，互相调用方法，当我

﹏ヽ暗。殇╰゛Y/ 2022年06月09日 03:18/ 0 赞/ 547 阅读

相关 iframe——html子页面调用父页面的方法

$( function () \{ //在iframe子页面中查找父页面元素 alert($( '\default' , window.parent.document

心已赠人/ 2022年05月25日 00:36/ 0 赞/ 415 阅读

相关调用iframe子页面中的函数

调用iframe子页面中的函数 parent.html child.html 问题参考调用ifr

￡神魔★判官ぃ/ 2022年05月15日 01:10/ 0 赞/ 355 阅读

相关 iframe 父页面调用子页面方法

<script type="text/javascript"> //调用子页面的方法. var childWi

￡神魔★判官ぃ/ 2022年03月14日 09:36/ 0 赞/ 1192 阅读

相关移动app plus子页面调用父页面函数

子页面代码： plus.webview.currentWebview().opener().evalJS("onAppReume()"); 其中plus.webview.c

野性酷女/ 2022年02月09日 14:05/ 0 赞/ 380 阅读

相关 jQuery iframe父页面和子页面相互调用

jQuery操作iframe父子页面相互操作父页面调用子页面子页面调用父页面父页面调用子页面根据iframe的id找到子页面，取

悠悠/ 2022年01月14日 10:07/ 0 赞/ 550 阅读

相关 iframe 框架父页面刷新子页面

1.父页面添加： <script>　 function testBtn()\{ 　　 var reshSrc = document.getElementById('

向右看齐/ 2021年09月30日 14:38/ 0 赞/ 719 阅读