| iframe中参数传递、父页面获取子页面参数、子页面获取父页面参数 | 您所在的位置：网站首页 › iframe跳转 › iframe中参数传递、父页面获取子页面参数、子页面获取父页面参数 |
|
window.parent 是iframe页面调用父页面对象，当我们想从iframe内嵌的页面中访问外层页面是可以直接利用window.parent获取；
一、jquery 父、子页面之间页面元素的获取，方法的调用
1. 父页面获取子页面元素：
格式：$("#iframe的ID").contents().find("#iframe中的控件ID").click();
实例：$("#ifm").contents().find("#iBtnOk").click(); // ifm 为 标签 id; iBtnOk 为子页面按钮 id
2. 父页面调用子页面方法：
格式：$("#iframe的ID")[0].contentWindow.iframe方法();
实例：$("#ifm")[0].contentWindow().iClick(); // ifm 为 标签 id; iClick为子页面 js 方法
3. 子页面获取父页面元素：
格式：$("#父页面元素id" , parent.document);
实例：$("#pBtnOk" , parent.document).click(); // pBtnOk 为父页面标签 id
二、原生 js 父页面元素的获取，方法的调用： 1. 子页面调用父页面方法： 格式：parent.父页面方法 实例：parent.pClick(); // pClick 为父页面 js 方法2. 子页面获取父页面元素： 格式：window.parent.document.getElementById("父窗口元素ID"); 实例：window.parent.document.getElementById("pBtnOk");// pBtnOk为父页面标签 id
下面的时从网上抄的。还没测试，不过感觉应该是对的。 function callIframeMethod() { // js document.getElementById("frame").contentWindow.test(); // jq $("#frame")[0].contentWindow.test(); //用jquery调用需要加一个[0] } function callIframeField() { // 以下两种方法可以达到同样的效果 console.log($("#frame")[0].contentWindow.ff); console.log(frame.window.ff); } function callIframeHtml() { // 以下两种方法可以达到同样的效果 console.log($("#frame")[0].contentWindow.$("#dd").val()); console.log(frame.window.$("#dd").val()); var t = document.getElementById('frame').contentWindow.document.getElementById('dd'); console.log(t); // var t = document.getElementById('frame').contentWindow.document.getElementById('dd'); //console.log($("#frame")[0].contentWindow.document.getElementById("dd").value); //console.log($("#frame")[0].contentWindow.document.getElementById("dd").value); } function giveParameter() { $("#frame")[0].contentWindow.hellobaby="dsafdsafsdafsdafsdafsdafsadfsadfsdafsadfdsaffdsaaaaaaaaaaaaa"; }下面从网上摘抄 “window.location.href”、”location.href”是本页面跳转 “parent.location.href”是上一层页面跳转 “top.location.href”是最外层的页面跳转 举例说明： 如果A,B,C,D都是jsp，D是C的iframe，C是B的iframe，B是A的iframe，如果D中js这样写 “window.location.href”、”location.href”：D页面跳转 “parent.location.href”：C页面跳转 “top.location.href”：A页面跳转 现在终于明白了连接的时候target的用法了： _blank：重新打开一个窗口 _parent：父窗口执行重定向 _self：自身页面重定向 _top:第一个父窗口重定向 综上所述可知：parent.window:父窗口对象 top.window:第一个父窗口的对象 下面来重点看看window.parent与window.openner区别 window.parent 是iframe页面调用父页面对象，当我们想从iframe内嵌的页面中访问外层页面是可以直接利用window.parent获取
这个链接里面写的东西应该也不错，等周末看看。
|
| CopyRight 2018-2019 实验室设备网 版权所有 |