通过js在父子窗口中传值

最新推荐文章于 2024-05-04 21:31:34 发布
最新推荐文章于 2024-05-04 21:31:34 发布
阅读量1.6k 收藏 1
点赞数
文章标签： function url
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/catchdream/article/details/6676594
版权

大概有2中方式

1，通过showModalDialog来打开子窗口

 //打开模式窗口
 function open1(){
  //设置模式窗口的一些状态值
  var windowStatus = "dialogWidth:260px;dialogHeight:180px;center:1;status:0;";
  //在模式窗口中打开的页面
  var url = "test.html";
  //将模式窗口返回的值临时保存
  var temp = showModalDialog(url,"",windowStatus);
  //将刚才保存的值赋给文本输入框returnValue
  document.all.returnValue.value = temp;
 }

然后在子窗口中通过设置body的unload事件来传值给父窗口

<body onUnload="willReturnValue()">


//关闭页面时将隐含对象中的值传回
 function willReturnValue(){
  window.returnValue = document.all.selectedValue.value;
  window.close();    
 }
2，通过open来打开子窗口 

//打开无菜单窗口
 function open2(){
  //设置窗口的一些状态值
  var windowStatus = "left=380,top=200,width=260,height=200,resizable=0,scrollbars=0,menubar=no,status=0";
  //在窗口中打开的页面
  var url = "test.html";
      window.open(url,"noMenuWindowName",windowStatus);  
 }
 
 //打开全屏窗口
 function open3(){
  //设置窗口的一些状态值
  var windowStatus = "fullscreen = 1";
  //在窗口中打开的页面
  var url = "test1.html";
      window.open(url,"noMenuWindowName",windowStatus);  
 }

在子窗口中通过 window.opener 来给父窗口中控件赋值。 

<body onUnload="willReturnValue()">

//关闭页面时将隐含对象中的值传回
 function willReturnValue(){
  window.opener.document.getElementById("returnValue").value=document.all.selectedValue.value;
 }


catchdream
关注
JS简单实现父子窗口传值功能示例【未使用iframe框架】
12-12
本文实例讲述了JS简单实现父子窗口传值功能。分享给大家供大家参考，具体如下： 父窗口页面father.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE>父窗口 </TITLE> [removed] <!-- function openChild(){ var childwin = window.showModalDialog("child.html",window,"dialogWidth:335px;status:no;d
js操作模态窗口及父子窗口间相互传值示例
10-25
如果子窗口传值成功，则将接收到的数据更新到父页面的某个元素中，本例中是更新`div`元素的内容。 上述的实现主要涉及到JavaScript的几个关键点： 1. `window.showModalDialog`方法用于创建模态对话框。 2. `...
js父子窗口传值（只涉及到js的简单例子，没用到框架）
12-16 109
父窗口页面father.html &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"&gt; &lt;HTML&gt; &lt;HEAD&gt; &lt;TITLE&gt;父窗口 &lt;/TITLE&gt; &lt;script language="javascript"&gt; &
使用js在父子窗口间进行传值
jinghuainfo
08-04 108
我使用js在父子之间进行传值主要是通过在子窗口调用父窗口的方法来实现传值的目的。 parent.html &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&gt; &lt;html&gt;   &lt;head&gt; jquery控制只能输入数字并关闭输入法和简单日历控件     ...
【JS】JS 实现父子窗体相互传值的三个方法
wan小小冰的博客
12-08 7976
一、在开发项目过程中经常会需要用到父页面和子页面互相传值来获取参数数据，下面提供了三种总结的比较好用的方法，本例子需要下载bootstrap-table.js、layer.js文件,具体下载地址如下： https://github.com/wenzhixin/bootstrap-table; http://layer.layui.com/; 1、html页面 （1）父页面（tes
javascript实现父子页面数据传递
.
09-01 624
实现弹出窗口，将弹出窗口数传递到创建它的窗口。如果是用父和子来说,将子窗口数据传递到父窗口。 Window 对象 Window 对象表示浏览器中打开的窗口。 opener 属性是一个可读可写的属性，可返回对创建窗口的window对象引用。 opener属性非常有用，创建的窗口可以引用创建它的窗口所定义的属性和方法。 TABLE 对象 Table对象代表一个HTML标签,在HTML文档中
【javascript】javascript中父页面与子页面互传值
PHP在线开发笔记
12-01 1613
之前还真没做过类似的东西，，top页面获取子页面的document。。 在百度搜了下即找到这个东东，还好，能用。 主要就是使用 contentWindow方法，获取子页面的所有document，再做处理。 通过js从父页面获取子页面的值 通常在很多情况下都会遇到通过js来传值的问题，只要通过一些页面关联，他们的值就可以互相传递，其中应用框架的时候传值问题可能会遇到更多一些
JS实现从弹出的子（窗口）页面传递数据到父页面
最新发布
Jnlmxx的博客
05-04 315
echo "<input type='button' value='选择' onClick=\""."window.opener.document.getElementById('gys').value='".$row["username"]."';实现如下：（以PHP代码为例）
2021-07-09父子页面传值如何传值
weixin_50629071的博客
07-09 815
父子页面传值如何传值 1.父页面获取子页面的数据（子页面给父页面传值） 父页面js： //获取子页面传入的数据 function GetChildValue(obj){ document.getElementById('texts').innerText = obj; } 子页面js： //给父页面传数据 var txt = '我是子界面主动传值给父界面的数值'; parent.GetChildValue(txt); //GetValue是父界面的Js 方法 2.子页面获取父页面的数据（父页面
JS 子窗口向父窗口传值
一只苟延残喘的卑微蝼蚁
05-15 5311
首先我们来了解下window对象的的方法open：1，open() 方法用于打开一个新的浏览window.open(URL,name,features,replace)重要事项：请不要混淆方法 Window.open() 与方法 Document.open()，这两者的功能完全不同。为了使您的代码清楚明白，请使用 Window.open()，而不要使用 open()。2，openeropener ...
JS子窗口向父窗口传值
世间本无路，恒走坦途出
04-04 1434
方法一:用模式窗口returnValue是javascript中html的window对象的属性,目的是返回窗口值,当用window.showModalDialog函数打开一个IE的模式窗口(模式窗口就是子窗口，打开后不能操作父窗口,只能等模式窗口关闭时才能操作)时,用于返回窗口的值,下面举个例子:--------------------------------------------------...
window程序
qq_43656826的博客
09-25 1028
#include <windows.h>LRESULT CALLBACK WndProc(HWND hWnd, UINT message, WPARAM wParam, LPARAM lParam);char windowName[]="window窗口"; //窗口标题int APIENTRY WinMain(HINSTANCE hInstance,HINSTANCE hPrevInstance,LPSTR lpCmdLine,int nCmdShow){ //定义窗口类 WNDC
JS子窗口给父窗口传值的简单方法
longfaiz的博客
05-15 5350
今天做的项目有用的到window.open()这个JS的函数。所以先贴一下他的说明链接：http://www.w3school.com.cn/jsref/met_win_open.asp,子窗口需要调用window.opener这个对象就好了。关于这个方法也贴出来关于opener的说明，http://www.w3school.com.cn/jsref/prop_win_opener.asp。现在需...
iframe-父子-兄弟页面相互传值(jq和js两种方法)
热门推荐
态度决定一切
12-11 1万+
源码需要复制到相应的文件目录 文件目录： 效果图：（注意url协议不能以 filter:/ 开头） git地址：https://gitee.com/kaiking_g/iframe.git 项目结构： 1.父级html源码： main.html <!doctype html> <html> <h...
js子窗口传值回父窗口window.open方式
千里之行，始于足下
08-16 8158
父窗口 function look(){ window.open("b.html"); } }  你选择的商品是： 子窗口 b.html 请选择商品 笔记本 手机 数码相机    function look(obj){ window.opener.document.getElementById("mybutt
js实现父窗口和子窗口传递数据
xuexilangren1的博客
11-07 1917
js实现父窗口和子窗口传递数据 1.test.html &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;title&amp;gt;父窗口&amp;lt;/title&amp;gt;
js父窗口和子窗口之间传值
冷夜轩的博客
03-24 883
//获取父窗口的值 var bmid=window.opener.document.getElementsByName('bmids')[0].id;//根据name获取父文本框id var bmids=window.opener.document.getElementById(bmid).value;获取父文本框的值 //在子窗口给父窗口赋值  var bmids=window.
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值