javascript 弹出子窗口

最新推荐文章于 2023-09-27 08:50:07 发布
最新推荐文章于 2023-09-27 08:50:07 发布
阅读量2.1k 收藏 1
点赞数
CC 4.0 BY-SA版权
分类专栏： js 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/c_vincente/article/details/11029109
本文介绍两种使用JavaScript打开子窗口的方法，并详细阐述如何通过这两种方式在父窗口与子窗口间进行数据交互，包括如何获取父窗口对象及操作父窗口元素。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

javascript弹出子窗口，并实现父子窗口的信息交互。

javascript弹出子窗口的方式有2中:

1.window.showModalDialog("URL",window,"toolbar=no;menubar=no;location=no;status=no;dialogWidth=650px;dialogHeight=400px;resizable=yes;center:yes;help:no");

showModelDialog有3个参数，分别是子窗口URL地址，往子窗口中传递的参数（上面传递的参数是window，即整个父窗口对象），子窗口的装饰。

在子窗口中用var parentWindow = window.dialogArguments;即可获取父窗口对象，

parentWindow.document.getElementById("userInfoTable");  即可获取id是userInfoTable的元素  如<table id="userInfoTable"></table>

有父窗口对象即可随时操作父窗体。

如果在子窗体中存在分页，分页后的页面必定重新请求服务地址，这种父子关系就断了，子窗口无法使用window.dialogArguments再获取父窗口对象了。

用第二种办法。

2.window.open (c"子窗体URL", '子窗体标题', 'height=400px, width=650px,toolbar=no, menubar=no, scrollbars=no,resizable=no,location=no, status=no,resizable=yes');
在子窗口中用 var parentWindow= window.opener; 获取父窗口对象  分页后仍可获取父窗口对象


js 弹出页面+弹出窗口
01-19
提交成功后弹出页面+弹出窗口 弹出页面+弹出窗口 弹出页面+弹出窗口
JavaScript实现弹出子窗口并传值给父窗口
10-25
在JavaScript中，弹出子窗口并传递值给父窗口是一个常见的需求，特别是在构建交互式的Web应用时。这个过程可以通过使用`window.open()`或`window.showModalDialog()`函数来实现。让我们详细了解一下这两个方法以及...
总结：子窗口创建及父窗口与子窗口之间通信
Squirrel的专栏
08-15 7498
1、Javascript弹出子窗口可以通过多种方式实现，下面介绍几种方法(1) 通过window对象的open()方法，open()方法将会产生一个新的window窗口对象    其用法为： window.open(URL,windowName,parameters);  URL: 描述要打开的窗口的URL地址，如何为空则不打开任何网页；  windowName:描述被打开的窗口的
js之弹出子窗口
S_T_F666的博客
08-30 9726
关于弹出框，之前在项目中，一直想添加，奈何好多都忘了，今天重新学了一把，废话少说，直接上效果与源码分析 一、简单实现效果 建议大家不再在学习window.showModalDialog了，这个方法在2014年已经被谷歌等主流浏览器取消函数了 二、源码 首先我们有父窗口与子窗口，并且子窗口能将数据传送到父窗口中 父窗口源码 &lt;script language="JavaS...
js 弹出子窗口
勿忘初心的博客
06-14 3017
Javascript弹出子窗口  可以通过多种方式实现，下面介绍几种方法  (1) 通过window对象的open()方法，open()方法将会产生一个新的window窗口对象  其用法为：  window.open(URL,windowName,parameters);  URL: 描述要打开的窗口的URL地址，如何为空则不打开任何网页；  windowName:
JavaScript 打开子窗口
靳的博客
02-25 1193
原文地址：http://blog.163.com/lyq_163_2009/blog/static/134082696201111131055283/ 打开子窗口（非模式窗口）：             http-equiv="Content-Type" content="text/html; charset=GBK" />         打开子窗口                
用javascript父窗口控制只弹出一个子窗口
10-30
在JavaScript中，父窗口控制只弹出一个子窗口的需求通常用于避免重复弹窗，提升用户体验。下面我们将详细讨论如何实现这一功能，以及涉及到的相关知识点。 首先，基本的弹出新窗口操作可以通过`window.open()`函数...
javascript 弹出的窗口返回值给父窗口具体实现
10-26
### JavaScript 弹出窗口返回值给父窗口具体实现知识点 #### 1. 窗口间通信的需求 在Web开发中，经常需要在父窗口和弹出窗口间进行数据交互。一个典型的场景是弹出窗口用于让用户进行某些选择或者填写表单，之后将...
javascript弹出窗口中增加确定取消按钮
10-22
在Web开发中，使用JavaScript弹出窗口来获取用户的确认或者提供额外的操作选项是一种常见的交互方式。本文主要介绍如何在ECShop这样的电子商务平台上，通过JavaScript代码实现在弹出窗口中增加“确定”和“取消”...
Javascript弹出子窗口
LZH的专栏
04-18 8312
<br />1、Javascript弹出子窗口<br />可以通过多种方式实现，下面介绍几种方法<br />(1) 通过window对象的open()方法，open()方法将会产生一个新的window窗口对象 //IE7里不支持<br /><br /> 其用法为：<br /> window.open(URL,windowName,parameters);<br />URL: 描述要打开的窗口的URL地址，如何为空则不打开任何网页；<br />windowName:描述被打开的窗口的民称，可以使用'_
在父页面弹出子页面JS
06-06
父页面弹出子页面
漂亮的html弹出层弹出窗口
09-20
漂亮的弹出层，弹出窗口的jquery方法，forZDialogDemo.html为演示页面，为普通的html开发提供便利，非常方便，漂亮，适用于各种浏览器，兼容性好
html+css+js实现点击弹出窗口效果
04-23
用html+css+js/jquery实现的点击按钮弹出一个层窗口效果。注释部分使用js实现的，script部分则是jquery实现的，效果更好一些。可以把jquery部分注释掉来看js的效果
在html页面中弹出子页面效果
03-09
在html页面中弹出子页面效果，我在struts1中使用的。 用示例图！
JS弹出子窗口
weixin_30832983的博客
05-01 1252
目的 在一个主窗口中,点击一个链接, 弹出一个子窗口 , 父窗口保留在子窗口中点击关闭, 关闭子窗口. 子窗口的位置位于屏幕的中间 实现 main.html <!DOCTYPE html> <html> <head><meta charset="utf-8"/></head> <body&gt...
JS 打开、关闭子窗口
侯文轩 程序员专栏
02-22 3874
JS 打开、关闭子窗口 function openChildWin(){ //方法体 } function closeChildWin(){ //方法体 }
JavaScript 自定义弹出窗口
最新发布
哈
09-27 3167
"按页面条件导出数据还是导出所有的数据"// 获取对话框元素并设置标题和消息。'你确定要删除这条记录吗？// 获取对话框元素并隐藏。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值