使用iframe框架传值时，子窗口无法直接获得父窗口的参数值

最新推荐文章于 2023-12-15 17:34:18 发布
最新推荐文章于 2023-12-15 17:34:18 发布
阅读量1.6k 收藏
点赞数
分类专栏： Java 文章标签： iframe 框架 pair function border 脚本
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/M_none/article/details/7530620
版权

一：问题描述：子窗口无法直接获得父窗口的参数值

二：解决方案：

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title>首页</title>
    <script language="javascript">

//写了一个Request["Parms"]获取参数小脚本,关键一
var Request = new Array();

function InitData()
{
  var s = window.location.href;
  var n = s.indexOf("?");
  if (n>=0)
 s = s.substring(n+1);

  var valuelist = s.split("&");
  for (var i=0; i < valuelist.length; i++)
  {
    var pair = valuelist[i].split("=");
    if (pair.length > 1)
    {
 Request[pair[0]] = pair[1];
    }
  }
}
function getID()
{
    InitData();
    parent.leftFrame.document.location.href="Navigate_Tree.aspx?HelpID="+Request["HelpID"]+"&CategoryID="+Request["CategoryID"];//该语句为关键语句,大家注意了,关键二
   
}
</script>
</head>
    <frameset rows="85,*" frameborder="yes" border="0" framespacing="0" scrolling="NO">
        <frame src="head.htm" name="topFrame" scrolling="yes" frameborder="yes" noresize>
        <frameset cols="350,*" border="0" frameborder="yes" framespacing="1" scrolling="NO" οnlοad="getID()">
            <frame src='#' name="leftFrame" scrolling="NO">
            <frame id="rightFrame" name="rightFrame">
        </frameset>
    </frameset>  
</html>

注：如果遇到页面不断刷新情况，可作如下修改

解决办法：由于使用onload()方法，会引起页面不短刷新，增加一个变量count进行控制即可 

//写了一个Request["Parms"]获取参数小脚本,关键一
var Request = new Array();

function InitData()
{
  var s = window.location.href;
  var n = s.indexOf("?");
  if (n>=0)
 s = s.substring(n+1);

  var valuelist = s.split("&");
  for (var i=0; i < valuelist.length; i++)
  {
    var pair = valuelist[i].split("=");
    if (pair.length > 1)
    {
 Request[pair[0]] = pair[1];
    }
  }
}
var count=0;//控制页面加载次数
function getID()
 {
    if(count==0){
      InitData();
      topFrame.document.location.href="top.jsp?ClInCode="+Request["ClInCode"];//该语句为关键语句,大家注意了,关键二
       iframepage.document.location.href="classMain.jsp?ClInCode="+Request["ClInCode"];
      count=count+1;
    }
   
   
}

M_none
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS简单实现父子窗口传值功能示例【未使用iframe框架】
10-19
子窗口中的JavaScript代码首先获取通过`dialogArguments`属性传递的父窗口引用，然后获取父窗口传递过来的值： ```javascript var fatherwin = window.dialogArguments; if (fatherwin != null) { document....
iframe父向子传值实例.rar
06-03
然而，由于浏览器的同源策略限制，`iframe`内的页面与包含它的父页面在不同源时，不能直接访问彼此的DOM或JavaScript变量，这就引出了"iframe父向子传值"的问题。 在标题"iframe父向值实例.rar"和描述中提到的解决...
iframe中无法传参数问题
MyCrazy
06-17 1154
问题是这样的，我在一个JSP中写一个iframe中，想在这个iframe中打开另一个系统的页面，并实现根据传过去的用户名和密码实现自动登录，在另一个系统中已经对接收的参数作了处理，能自动登录。将这个URL直接放到浏览器地址栏上可以实现自动登录，http://172.20.20.1/assweb/login/login.aspx?flag=1&userid=zls&pwd=zls 但放到以下的if...
iframe 传递参数问题
qq_36437172的博客
11-03 6852
在页面中嵌入了iframe 作为路由跳转，如何传递参数到 iframe 中呢？ 1.通过将参数嵌入到url中，在iframe中使用${param.xxx}可以获取 2.通过将参数存入到session中，在iframe中使用${sessionScope.xxx}获取 sessionStorage.setItem('info', JSON.stringify(info)); window.lo...
＜iframe＞引用页面传值获取不到的问题
dylanwang_cn的博客
07-29 3927
今天给同事调试程序时发现这个很难找到的问题，不细心留意肯定不会注意到，尤其是习惯了js跳转链接的容易写成这样 同事代码 运行起来看浏览器中的源代码效果是这样的 iframe src="webuser/banktt.do?USER_ID="+3d8dd9eaefbf4e1189565122ab5ec35a>iframe> 所以肯定无法获取到正确的值 更改后 form
IFrame取父窗口参数
雪原虎的专栏
07-06 936
父页面的ShowLotInfo方法//显示指定批号的信息，此方法会提交父页面的function ShowLotInfo(lotIndex){//alert(lotIndex);document.frmContract.optType.value="ShowLo
iframe的父子页面间的数据访问问题
圣灵骑士
06-10 459
最近做项目有好几次都用到了iframe的
iframe访问parent.location.hash出错
iteye_18540的博客
06-30 377
[size=medium][color=green] 在使用iframe来实现跨域访问的时候,一直是通过parent.location.hash来实现父窗口和子窗口之间的通信的,但是需要注意到是:子窗口是不能直接设置parent.location.hash的,因为跨域访问父窗口的location的hash属性是被禁止的,而是应该直接设置parent.location. 比如原来是设...
JS中Iframe之间传值及子页面与父页面应用
10-27
- 然后，使用 `contentWindow` 属性，你可以获取到`<iframe>`的窗口对象，即 `iframe.contentWindow`。 - 最后，通过 `contentWindow.document`，你可以访问到`<iframe>`内部的`document`对象，从而操作子页面的...
子父窗口传值
11-27
- URL参数：父窗口在打开子窗口时，可以通过URL携带参数，子窗口通过解析URL获取这些参数。 - `window.parent`：子窗口可以通过`window.parent`访问父窗口的对象，调用其方法或修改变量来接收数据。 - 事件触发：...
子窗口传值到父窗口.rar
10-13
- 如果子窗口是父窗口的一个iframe，可以直接通过`contentWindow`属性访问iframe的内容，进行数据交换。 在实际应用中，选择哪种方法取决于具体需求，比如是否跨域、数据安全性和兼容性等因素。对于较新的浏览器，...
iframe,我们来谈一谈
weixin_34342578的博客
02-27 3849
某大咖说: "iframe是能耗最高的一个元素，请尽量减少使用"某大牛说: "iframe安全性太差，请尽量减少使用"...wtf, 你们知不知道你们这样浇灭了多少孩纸学习iframe的热情和决心。 虽然，你们这样说的我竟无法反驳，但是iframe强大功能是不容忽视的。 可以看看各大邮箱网站是否还在使用iframe，查查知乎iframe....
嵌套页面iframe 内部链接跳转跨域问题
liu_xue_xue的专栏
11-27 3165
问题：如果直接在嵌套页面里面使用window.location.href='http://www.xxx.xx',会发现页面无法跳转，甚至出现跨域问题 解决：通过window.top.location.href 或者window.parent.location.href 跳转 两者区别如下： window.parent.location用于更改父窗口的位置。 window.top.location 它是对象'window'的属性。 它返回窗口层次结构中最顶层..
iframe跨域获取的父页面URL
xiawenyi1234的博客
07-07 6680
当iframe与父页面不属于同一个域名时，像上面的获取会因为安全策略原因而失败。在nczonline的一篇文章上看到一种方法，使用document.referrer。 方法很简单，通过parent !=window检测iframe与父页面是否同源，当不同源时，使用document.referrer，否则使用parent.location.href或者top.location.href； var getParentUrl = function() { var url = null; if (
iframe遇到的坑，如子父页面元素获取报错，iframe.contentWindow == null等等
张井乙ccccyc的博客
02-02 1万+
新接触了一个用iframe的项目，入门的时候子父页面的元素获取和传值搞得我头晕脑胀，浪费了很多时间。 在此，总结下iframe的一些小知识 子页面获取父页面元素 //js //获取父页面的window window.parent //获取父页面元素 window.parent.document.getElementById("objid")......
解决跨域Uncaught DOMException: Blocked a frame with origin ** from accessing a cross-origin frame问题
热门推荐
gusijin的博客
11-26 2万+
问题 iframe窗口修改元素，提示Uncaught DOMException: Blocked a frame with origin ** from accessing a cross-origin frame，无法修改 解决办法： 使用 postMessage() 方法用于安全地实现跨源通信 window.postMessage(message,targetOrigin) 方法是html5新引进的特性，可以使用它来向其它的window对象发送消息，无论这个window对象是属于同源或不同源，目前IE
vue页面嵌套iframe页面传值、调用、首次传值获取不到、有缓存数据问题
weixin_47941995的博客
05-04 2015
infodata.ter_user_name : ""// 客户姓名。//通过.contentWindow.postMessage(data,"*")向iframe子组件传值。// 'dest': infodata.user_mobile, // 手机号+0。'dest': "13455955635", // 手机号+0。'stationId': '69999', // 写死。'loginId': '17999', // 坐席工号。//获取iframe元素。// 监听用户关闭对话框,执行签出操作。
vue.js中使用iframe后，子页面调用不了父页面的方法和值
qq_43551769的博客
03-16 1809
1、场景 父页面： <div v-if='bloonArr[2].show' style="width:'80%';margin:0 5% 0 25%;"> <iframe src="test/son.html" ></iframe> </div> <script> var vmFather = new ...
vue中iframe标签跨域通信——父子页面之间传值（解决子页面收不到父页面的值或子页面收到的数据为undefined的问题）
最新发布
qq_52126119的博客
12-15 3520
解决子页面收不到父页面的值或子页面收到的数据为undefined的问题； 背景： 初始化时，父页面发送数据给子页面，需要在子页面加载完成后发送，不然接收不到数据。 父页面直接给子页面postMessage发送消息，但是子页面收不到数据；在iFrame.onload函数中发送消息，依旧未收到消息。 解决思路：子页面向主网页发送消息，告诉它子网页加载好了，然后主网页再发送消息给子网页进行处理，这样虽然会多一些交互代码，但可以精确地执行交互。
iframe父页面向子页面传值
08-19
在使用iframe时，父页面向子页面传值的方法如下所示：在父页面的JS代码中，可以通过postMessage函数向子页面发送消息。该函数需要两个参数，即key和value，分别表示字段名和值。首先，通过获取iframe元素，然后使用contentWindow属性获取iframe的contentWindow对象。接着，调用postMessage函数，将要传递的数据以对象的形式传入，对象的key对应字段名，value对应值。具体代码如下所示：postMessage: function (key, value) { let iframe = $('iframe')[0]; if (iframe) { iframe.contentWindow.postMessage({ 'key': key, 'value': value }, iframe.src); } }。这样，父页面就能够向子页面传递值了。 [2<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [iframe 父子页面之间传值](https://blog.csdn.net/Caocui_/article/details/122664544)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* [JS父页面与子页面相互传值方法](https://download.csdn.net/download/weixin_38631738/13049741)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值