消除同一页面中多少个iframe相互调用jquery,jQuery实现frame之间互通的艺术

by admin on 2019年7月7日

一、在iframe中寻觅父页面成分的法子:

正文实例叙述了jQuery达成frame之间互通的主意。分享给大家供大家参照他事他说加以考察,具体如下:

本文实例陈说了jQuery基于ID调用钦定iframe页面内的不二等秘书技。分享给大家供我们参考,具体如下:

那三个月又没更新博客,唉,懒癌又犯了,前日减轻了四个主题素材,关于多个iframe互相调用jquery函数方法

$(‘#id', window.parent.document)

父框架:

复制代码 代码如下:

a.html中有多个iframe,如下:

二、在iframe中调用父页面中定义的法子和变量:

// 需要共享的方法
function veriAddData(varname,vardesc){
  var name = varname;
  var desc = vardesc;
  if(name!==""&&desc!==""){
    doAdd(name,desc);
  }
}
// 如何共享
if ( $.browser.msie&&+$.browser.version<8 ){//低于ie8的浏览器处理
    //ie,先未处理
    document.frames["url"].window["veriAddData"] = window["veriAddData"];
}else{ // url为子框架的id
    $("#url")[0].contentWindow["veriAddData"] = veriAddData;
}

$(window.parent.document).contents().find(“#消除同一页面中多少个iframe相互调用jquery,jQuery实现frame之间互通的艺术。iframeID”)[0].contentWindow.initPagerList();

<iframe width="100%" height="100%" name="left" scrolling="auto" frameborder="0" src="b.html" id="left"></iframe>
<iframe width="100%" height="100%" name="main1" scrolling="auto" frameborder="0" src="c.html" id="main1" ></iframe>
parent.method
parent.value

子框架:

消除同一页面中多少个iframe相互调用jquery,jQuery实现frame之间互通的艺术。说明:

b.html中有一个treeview,称为左菜单iframe

三、实例

// 如何调用父框架的方法
parent.veriAddData($("#varName").val(),$("#varDesc").val());

iframeID 为iframe的ID;

c.html为b.html中treeview点击后呈现的多寡,就称为右页面iframe。

父页面:

更加多关于jQuery相关内容感兴趣的读者可查看本站专项论题:《jQuery操作iframe技能总计》、《jQuery扩展本事总括》、《jQuery常用插件及用法总括》、《jQuery拖拽特效与才能总计》、《jQuery表格(table)操作技巧汇总》、《jquery中Ajax用法计算》、《jQuery常见杰出特效汇总》及《jquery选拔器用法总计》

initPagerList 为 iframe 页面内的不二等秘书技。

既是多个页面之间都有关联,存在在a.html中,那那七个页面就会互相调用Js方法。

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="IframeDemo._Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title></title>
<script language="javascript" type="text/javascript" src="jquery-1.5.1.min.js"></script>
<script language="javascript" type="text/javascript">
var hello = 'hello';
function getHelloWorld() {
alert('hello world');
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<div id="default" style=" width:200px; height:400px; float:left;">default.aspx</div>
<iframe id="iframeid" src="IFrame.aspx" style=" width:400px; height:400px; float:left;"></iframe>
</div>
</form>
</body>
</html>

希望本文所述对大家jQuery程序设计有所帮衬。

<html>
<head>
 <title></title>
 <script>
  $(function(){
    /*
     说明: iframeID 为iframe的ID;
     initPagerList 为 iframe 页面内的方法。
    */
    //调用iframe页面iframeID中的initPagerList方法
    $(window.parent.document).contents().find("#iframeID")[0].contentWindow.initPagerList();
    //获取iframe页面iframeID中的文本框txtControlID对象
    var txtControlObj=$(window.parent.document).contents().find("#iframeID")[0].contentWindow.find("#txtControlID");
    //为iframe页面iframeID中的文本框txtControlID赋值
    txtControlObj.val("我就是你需要设置的内容值!");
  });
 </script>
</head>
<body>
</body>
</html>

ps:假设八个页面之间一直不一点事关,这就让他们发生关系方能互相调用,举个例子说四个页面都援引一个js文件,那就能够相互调用了。

子页面

你可能感兴趣的篇章:

  • 消除同一页面中几个iframe互相调用jquery,js函数的措施
  • Jquery调用iframe父页面中的成分及措施
  • jQuery基于ID调用内定iframe页面内的办法
  • jQuery达成iframe父窗体和子窗体的交互调用
  • jQuery实现跨域iframe接口方法调用
  • jquery、js调用iframe父窗口与子窗口成分的格局整理
  • 深入分析Jquery取得iframe兰月素的三种情势
  • JQueryiframe页面操作父页面中的成分与措施(实例讲明)
  • jquery
    操作iframe的三种方法总括
  • js与jQuery
    获取父窗、子窗的iframe
  • Jquery情势获取iframe页面中的
    Dom成分

越来越多关于jQuery相关内容感兴趣的读者可查阅本站专项论题:《jQuery操作iframe本领计算》、《jQuery增添技能总计》、《jQuery常用插件及用法计算》、《jQuery拖拽特效与技术总结》、《jQuery表格(table)操作本事汇总》、《jquery中Ajax用法计算》、《jQuery常见特出特效汇总》、《jQuery动画与特效率法总括》及《jquery选用器用法总括》

比如说

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="IFrame.aspx.cs" Inherits="IframeDemo.IFrame" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title></title>
<script language="javascript" type="text/javascript" src="jquery-1.5.1.min.js"></script>
<script language="javascript" type="text/javascript">
$(function() {
//在iframe中查找父页面元素
alert($('#default', window.parent.document).html());
//在iframe中调用父页面中定义的方法
parent.getHelloWorld();
//在iframe中调用父页面中定义的变量
alert(parent.hello);
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div id="iframe">
IFrame.aspx
</div>
</form>
</body>
</html>

可望本文所述对大家jQuery程序设计具有援助。

c.html中有叁个button

四、总结

您恐怕感兴趣的稿子:

  • 消除同一页面中八个iframe相互调用jquery,js函数的情势
  • Jquery调用iframe父页面中的成分及方式
  • jQuery实现iframe父窗体和子窗体的相互调用
  • jQuery实现跨域iframe接口方法调用
  • jquery、js调用iframe父窗口与子窗口成分的形式整理
  • 深入分析Jquery获得iframe中元素的两种艺术
  • JQueryiframe页面操作父页面中的成分与措施(实例解说)
  • jquery
    操作iframe的三种方法总计
  • js与jQuery
    获取父窗、子窗的iframe
  • Jquery格局获取iframe页面中的
    Dom成分
  • jQuery达成frame之间互通的办法
<input type="button" id="btn" onclick="btnAlert(i)"/>
<input type="hidden" id="hidVal" name="hidVal" />
function btnAlert(index) {
 $(window.parent.$("#left"))[0].contentWindow.GetIndex(index);//调用b.html中的方法
}

Jquery调用iframe父页面中的成分及方法到那就基本截至了,希望对我们的读书和做事能具备帮忙。要是有毛病能够留言探讨。

b.html中

您大概感兴趣的篇章:

  • 不留余地同一页面中两个iframe相互调用jquery,js函数的点子
  • jQuery基于ID调用钦点iframe页面内的章程
  • jQuery达成iframe父窗体和子窗体的互相调用
  • jQuery实现跨域iframe接口方法调用
  • jquery、js调用iframe父窗口与子窗口成分的点子整理
  • 分析Jquery获得iframe兰秋素的二种方式
  • JQueryiframe页面操作父页面中的成分与形式(实例批注)
  • jquery
    操作iframe的二种方法总括
  • js与jQuery
    获取父窗、子窗的iframe
  • Jquery情势获取iframe页面中的
    Dom成分
  • jQuery实现frame之间互通的章程
 function GetIndex(index) { 
   $(window.parent.$("#main1")).contents().find("#hidVal").val(index);//找到c.html中的hidVal给他赋值
 }

最终总计下:

假使是c.html的iframe是在b.html中那么援引上边包车型客车方法

1,子iframe内调用父类函数方法:

window.parent.func();

必发88,2,子Iframe中获取父分界面包车型客车成分:

$("#xx", window.parent.document);

本条xx正是父分界面中要获取的成分的ID。

3,jquery 调用子iframe页面中js的方法:

 iframefunction()是子页面包车型大巴方式

$(window.parent.document).contents().find("#iframename")[0].contentWindow.iframefunction();

如上就是本文的全部内容,希望本文的原委对我们的就学可能职业能拉动一定的协助,同不时候也期待多多援助脚本之家!

您也许感兴趣的稿子:

  • Jquery调用iframe父页面中的成分及方法
  • jQuery基于ID调用钦定iframe页面内的点子
  • jQuery达成iframe父窗体和子窗体的竞相调用
  • jQuery达成跨域iframe接口方法调用
  • jquery、js调用iframe父窗口与子窗口成分的格局整理
  • 分析Jquery取得iframe凉月素的两种格局
  • JQueryiframe页面操作父页面中的成分与方法(实例解说)
  • jquery
    操作iframe的两种方法计算
  • js与jQuery
    获取父窗、子窗的iframe
  • Jquery方式获取iframe页面中的
    Dom成分
  • jQuery实现frame之间互通的点子

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图