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

最新推荐文章于 2024-03-26 09:58:43 发布
最新推荐文章于 2024-03-26 09:58:43 发布
阅读量888 收藏
点赞数 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
关注
Js 弹出框口并返回值的两种常用方法
10-28
接下来是window.open()方法，这是另一种常用的弹出窗口的方式，可以用来打开新窗口或新标签页。这个方法不仅可以用于返回数据，还可以用来创建更复杂的交互式窗口。 使用示例： ```javascript function show_child...
弹出新窗口输入返回到原页面
YiYaYo的专栏
02-26 1730
a.html function openOther(v){  var w = showModalDialog("b.html");  v.val.value=w;  }   function sopen(vv){  var w = showModalDialog("b.html");  w = w + "";  if( w != "undefined" ){   vv.v.value
弹出页面返回值到父窗口
牧码人的专栏
04-22 4052
很多的时候多会用到我们从弹出的窗口中选择后返回到父窗口中的情况。所以总结了一下：1.可以采用弹出对话框的方式。window.window.showModalDialog();2.采用弹出页面的方式：window.open();解释上面方法给父窗口返回值得方式的不同:showModalDialog的方式可以直接返回值如：1.要想对话框传递参数，是通过vArguments来进行传递的。类型不限制，
js实现操作浏览器返回时，页面有弹窗则关闭弹窗而不实际返回
最新发布
唐唐唐行的博客
03-26 529
js实现操作浏览器返回时，页面有弹窗则关闭弹窗而不实际返回
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
弹出框 子页面值返回父页面
java_pp的专栏
09-13 509
1       parent.html                           -->             function openWin() {             var style = "width=300,height=400,location=no,directories=no,toolbar=no,s
asp.net弹出窗口 返回值
10-26
***开发中，弹出窗口是一种常用的功能，用于显示额外的信息、获取用户输入或提供用户交互式接口。弹出窗口可以返回值给调用它的页面，这对于开发复杂的应用程序非常重要。本文主要讲述了***中如何实现弹出窗口并获取...
Web弹出窗口对话框.pdf
09-27
这些弹出窗口可以被分为两种类型：模态对话框（Modal Dialog）和无模态对话框（Modeless Dialog）。下面是根据提供的内容详细解说的Web弹出窗口对话框的知识点。 首先，***是一种常用的Web开发框架，允许开发者使用...
ASP.NET弹出对话框几种基本方法
11-12
本文将详细介绍六种常见的弹出对话框方法，并结合示例代码进行说明。 #### 方法一：简单的确认对话框 此方法通过`onclick`事件触发一个JavaScript的`confirm`函数，用来询问用户是否确定执行删除操作。 ```csharp ...
html弹出子页面代码,JavaScript 弹出子窗体并返回结果到父窗体的实现代码
weixin_30097621的博客
06-03 1022
思路：用window.showModalDialog方法获取到弹出子窗体的引用，再在子页面用window.returnValue="***"来返回结果。示例代码：(用jQuery简化实现)父页面：parent.html父页面子页面 son.html子窗体苹果橘子香蕉总结：参数传递：1.要想对话框传递参数，是通过vArguments来进行传递的。类型不限制，对于字符串类型，最大为4096个字符...
弹出页面和父页面之间方法，传值，调用
长大了，懂得了。。。
10-21 788
一般开发网站经常用两种方式可以可以弹出个子页面
asp子窗口读取父窗口数据_Timeline窗口详解
weixin_39833687的博客
11-29 85
你好，我是跟着大智学Unity的萌新，我叫小新，这是我本周的学习总结报告哦。从这周开始了Timeline的学习，开始学之前：“什么东西？学他干嘛？我会动画系统就行了。”学了之后：“真香”。Timeline能简化很多需要按时间顺序执行的动画的问题，而且有强大的扩展性，相比我以前用代码去处理那些动画来说，不知道优雅了多少倍。今天的周总结呢，我来总结一下Timeline窗口中的各个功能。Timeline...
ewebeditor网页文本编辑器、图片回显、弹窗自动关闭并刷新父页面
從吥蔣僦的博客
04-01 385
做了一个模块，在一个弹窗中使用ewebeditor编辑器，在使用的过程中遇到的一些坑： 一、没引入ewebeditor编辑器，页面出不来 1、在项目中导入ewebeditor编辑器 2、在需要编辑器的页面引入 <td style="height: 300px"> <textarea id="diary_wdcontent" name="wdcontent" style...
HTML子窗体传值父窗体的几种方式
huahuagongzi9999的专栏
06-06 1613
第一种：Open    1. 通过Opener方法调用父窗体方法传值          1html>  2head>  3meta http-equiv="Content-Type" content="text/html; charset=gb2312">  4title>父窗体title>  5head>  6body>  7form name="form1"   me
模态窗口返回参数以及子页面获取父页面方法
weixin_41833670的博客
04-13 383
bValue = expertSelectionView.InsertExpertSelection(hidZBPID.Value, strExpertType, hidManualExpertERID.Value, hidNotJoinExpertERIDs.Value); if (bValue) { System.Text.String...
总结：子窗口创建及父窗口与子窗口之间通信
Squirrel的专栏
08-15 7430
1、Javascript弹出子窗口可以通过多种方式实现，下面介绍几种方法(1) 通过window对象的open()方法，open()方法将会产生一个新的window窗口对象    其用法为： window.open(URL,windowName,parameters);  URL: 描述要打开的窗口的URL地址，如何为空则不打开任何网页；  windowName:描述被打开的窗口的
HTML弹窗关闭时父界面,js父窗口关闭时子窗口随之关闭完美解决方案
weixin_39890652的博客
06-09 506
最近，遇到一个权限管理的系统。由于权限管理的系统和本来的系统风格不一致，所有新打开一个窗口。问题就来了，admin注销之后，权限管理的窗口没有关闭。其他普通用户登录以后，仍然可以操作权限管理的窗口。问题简化：admin注销的时候，或者main.html关闭的时候，打开的所有新窗口一起关闭。问题就解决了直接看代码吧：Insert title here打开新窗口退出登录//用户记录所有打开的子窗口va...
showModalDialog打开的页面中调用父窗口的方法
55555的博客
01-29 6881
在页面调用window.open()函数后，可以直接在打开的页面中用window.opener来调用父页面的方法，然而如果用showModalDialog打开一个模态窗口，就不能通过window.opener去调用父窗口的方法了，这时，要用window.dialogArguments去调用，注意在showModalDialog方法中的第二个参数是window,即把当前窗口传给子页面，所以子页面才可
html父子页面(弹框)的实现和交互[通信]
weixin_33895016的博客
01-23 897
html页面，有的时候不是直接一个页面，一连串(或并行)页面的结束，为了提高用户体验或完成某种功能需要父子页面(或窗口)来实现，或者父子，兄弟窗口来完成。本文主要介绍： html父子页面(弹框)的实现和交互[通信] 实现简单业务介绍： 1.父页面，点下“注册”按钮，按钮锁定，并弹框； 2.父页面隐藏域的值“欢迎...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值