弹出窗口并向父页面返回值的两种常用方法

最新推荐文章于 2021-06-09 15:30:43 发布
最新推荐文章于 2021-06-09 15:30:43 发布
阅读量869 收藏
点赞数 2

本页内容为：弹出窗口并向父页面返回值的两种常用方法，该文章本站转载自网络，如有侵权请告之，我们将会及时将其删除，其正文内容如下：

方法一：使用showModalDialog方法

新建文件lyh.html
输入

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>来自Eric空间</title>
</head>

<body>
<input type="button" οnclick="show('lyhshow.html')" value="弹出窗口"><br><br><br>返回值：
<input type="text" id="returnvalue">

<script language="javascript">
function show(math)
{
var val= showModalDialog(math,"true", "dialogWidth:300px;dialogHeight:250px;status:no;help:no;");

if(!val)

 

{
return;
}
else
{
document.all.returnvalue.value=val;
}
}
</script>
</body>
</html>


新建文件lyhshow.html
输入
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>来自Eric空间</title>
</head>

<body>
请输入：<input type="text" id="txtValue" value=""><br><br><br>
<input type="button" οnclick="ReturnValue()" value="返回输入值">

<script language="javascript">
function ReturnValue()
{
window.returnValue=document.all.txtValue.value;
window.close();
}
</script>
</body>
</html>


 

方法二：用window.open弹出窗口

新建文件lyh2.html
输入
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>来自Eric空间</title>
</head>

<body>
<input type="button" οnclick="show('lyhshow2.html')" value="弹出窗口"><br><br><br>返回值：
<input type="text" id="returnvalue">

<script language="javascript">
<!--
function show(math)
{

window.open (math,'newwindow','height=250,width=300,top=300,left=300,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no')
//写成一行

}
-->
</script>
</body>
</html>
新建文件lyhshow2.html
输入

<html xmlns="http://www.w3.org/1999/xhtml">

 

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>来自Eric空间</title>
</head>

<body>
请输入：<input type="text" id="txtValue" value=""><br><br><br>
<input type="button" οnclick="ReturnValue()" value="返回输入值">

<script language="javascript">
function ReturnValue()
{
window.opener.document.all.returnvalue.value=document.all.txtValue.value;
window.close();
}
</script>
</body>
</html>

yinyuwen0
关注
弹出页面返回值到父窗口
牧码人的专栏
04-22 4034
很多的时候多会用到我们从弹出的窗口中选择后返回到父窗口中的情况。所以总结了一下：1.可以采用弹出对话框的方式。window.window.showModalDialog();2.采用弹出页面的方式：window.open();解释上面方法给父窗口返回值得方式的不同:showModalDialog的方式可以直接返回值如：1.要想对话框传递参数，是通过vArguments来进行传递的。类型不限制，
Js 弹出框 返回值的两种常用方法
weixin_34174322的博客
12-29 267
1.window.showModalDialog(url,args,dialogattrs)参数说明： url:弹出页面地址agrs：主窗口传给对话框的参数，可以是任意类型（数组也可以）dialogattrs：弹出窗口的样式参数 模式对话框用法：主窗口：var value =window.showModalDialog('test.jsp',strs,'resizable:yes');弹出框中通...
easyUi弹出window窗口传值与调用父页面的方法,子页面给父页面赋值
08-10
easyUi弹出window窗口传值与调用父页面的方法,子页面给父页面赋值,详情链接:
HTML子窗体传值父窗体的几种方式
huahuagongzi9999的专栏
06-06 1582
第一种：Open    1. 通过Opener方法调用父窗体方法传值          1html>  2head>  3meta http-equiv="Content-Type" content="text/html; charset=gb2312">  4title>父窗体title>  5head>  6body>  7form name="form1"   me
html 弹出窗口与父窗口交互
热门推荐
Jimmybly Lee 的专栏
09-12 1万+
有3中方法可以弹出子窗口：传值的关键是在子窗口中如何获取父窗口对象1、window.openwindow.open(test.htm,title,height=100,width=200,top=0,left=0,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no);在test.htm可以通过va
html弹出子页面代码,JavaScript 弹出子窗体并返回结果到父窗体的实现代码
weixin_30097621的博客
06-03 1012
思路：用window.showModalDialog方法获取到弹出子窗体的引用，再在子页面用window.returnValue="***"来返回结果。示例代码：(用jQuery简化实现)父页面：parent.html父页面子页面 son.html子窗体苹果橘子香蕉总结：参数传递：1.要想对话框传递参数，是通过vArguments来进行传递的。类型不限制，对于字符串类型，最大为4096个字符...
弹出框 子页面值返回父页面
java_pp的专栏
09-13 492
1       parent.html                           -->             function openWin() {             var style = "width=300,height=400,location=no,directories=no,toolbar=no,s
Js 弹出框口并返回值的两种常用方法
10-28
接下来是window.open()方法，这是另一种常用的弹出窗口的方式，可以用来打开新窗口或新标签页。这个方法不仅可以用于返回数据，还可以用来创建更复杂的交互式窗口。 使用示例： ```javascript function show_child...
asp.net弹出窗口 返回值
10-26
***开发中，弹出窗口是一种常用的功能，用于显示额外的信息、获取用户输入或提供用户交互式接口。弹出窗口可以返回值给调用它的页面，这对于开发复杂的应用程序非常重要。本文主要讲述了***中如何实现弹出窗口并获取...
Web弹出窗口对话框.pdf
09-27
这些弹出窗口可以被分为两种类型：模态对话框（Modal Dialog）和无模态对话框（Modeless Dialog）。下面是根据提供的内容详细解说的Web弹出窗口对话框的知识点。 首先，***是一种常用的Web开发框架，允许开发者使用...
JavaScript中通过提示框跳转页面的方法
10-22
本知识点将详细介绍几种通过JavaScript代码实现页面跳转的方法，包括使用提示框、弹出窗口以及自动跳转的方式。 首先，通过提示框实现页面跳转是最简单的方法之一。使用window对象中的confirm()函数可以弹出一个带...
HTML弹窗关闭时父界面,js父窗口关闭时子窗口随之关闭完美解决方案
weixin_39890652的博客
06-09 496
最近，遇到一个权限管理的系统。由于权限管理的系统和本来的系统风格不一致，所有新打开一个窗口。问题就来了，admin注销之后，权限管理的窗口没有关闭。其他普通用户登录以后，仍然可以操作权限管理的窗口。问题简化：admin注销的时候，或者main.html关闭的时候，打开的所有新窗口一起关闭。问题就解决了直接看代码吧：Insert title here打开新窗口退出登录//用户记录所有打开的子窗口va...
html父子页面(弹框)的实现和交互[通信]
weixin_33895016的博客
01-23 876
html页面，有的时候不是直接一个页面，一连串(或并行)页面的结束，为了提高用户体验或完成某种功能需要父子页面(或窗口)来实现，或者父子，兄弟窗口来完成。本文主要介绍： html父子页面(弹框)的实现和交互[通信] 实现简单业务介绍： 1.父页面，点下“注册”按钮，按钮锁定，并弹框； 2.父页面隐藏域的值“欢迎...
弹出页面和父页面之间方法，传值，调用
长大了，懂得了。。。
10-21 775
一般开发网站经常用两种方式可以可以弹出个子页面
js 控制新打开一个登录界面登录之后关闭当前页 返回父窗口并刷新
sungang1120的专栏
04-08 510
JS代码   ,关闭当前页面        1，不带任何提示关闭窗口的js代码 &lt;a href="javascript:window.opener=null;window.open('','_self');window.close();"&gt;关闭&lt;/a&gt;     .2，自定义提示关闭 &lt;script language="javascript"&gt...
总结：子窗口创建及父窗口与子窗口之间通信
Squirrel的专栏
08-15 7396
1、Javascript弹出子窗口可以通过多种方式实现，下面介绍几种方法(1) 通过window对象的open()方法，open()方法将会产生一个新的window窗口对象    其用法为： window.open(URL,windowName,parameters);  URL: 描述要打开的窗口的URL地址，如何为空则不打开任何网页；  windowName:描述被打开的窗口的
ewebeditor网页文本编辑器、图片回显、弹窗自动关闭并刷新父页面
從吥蔣僦的博客
04-01 366
做了一个模块，在一个弹窗中使用ewebeditor编辑器，在使用的过程中遇到的一些坑： 一、没引入ewebeditor编辑器，页面出不来 1、在项目中导入ewebeditor编辑器 2、在需要编辑器的页面引入 <td style="height: 300px"> <textarea id="diary_wdcontent" name="wdcontent" style...
layUI弹窗数据returndata()回传赋值及取值
aadyf的博客
08-25 949
1、列表中的弹窗是通过layui自带的弹窗iframe形式跳转到另一个页面的如下 2、目标页面需要取到需要回传的数据，存储起来，再使用return 返回，这里一定要return一下，否则上一页面无法取值
ASP.NET中使用showModalDialog弹出窗口并获取返回值
在ASP.NET中，我们通常使用JavaScript来创建弹出窗口，然后通过showModalDialog方法与主页面进行通信，传递数据并获取返回值。" 在给定的代码中，`Page.aspx`是一个主页面，它包含一个JavaScript函数`Pop()`，这个...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值