JS window 对象 open方法弹窗实现父子窗口中的参数传递
来源:互联网 发布:python agv[] 编辑:程序博客网 时间:2024/05/21 19:23
JS window 对象 open方法弹窗实现父子窗口中的参数传递
注:需要将页面加载到服务器中
父页面parent.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> <title></title> <style type="text/css"> body { font-family: Arial; font-size: 10pt; } </style></head><body><table border="0" cellpadding="0" cellspacing="0"> <tr> <td> Name: </td> <td> <input type="text" id="txtName" readonly="readonly" /> </td> <td> <input type="button" value="Select Name" onclick="SelectName()" /> </td> </tr></table><script type="text/javascript"> var openUrl = "Popup.htm";//弹出窗口的url var iWidth=800; //弹出窗口的宽度; var iHeight=600; //弹出窗口的高度; var iTop = (window.screen.availHeight-30-iHeight)/2; //获得窗口的垂直位置; var iLeft = (window.screen.availWidth-10-iWidth)/2; //获得窗口的水平位置; var popup; function SelectName() { popup = window.open(openUrl,"","height="+iHeight+", width="+iWidth+", top="+iTop+", left="+iLeft); popup.focus(); return false }</script></body></html>
子页面Popup.htm
<!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> <title></title> <style type="text/css"> body { font-family: Arial; font-size: 10pt; } </style></head><body><select name="ddlNames" id="ddlNames"> <option value="Mudassar Khan">Mudassar Khan</option> <option value="John Hammond">John Hammond</option> <option value="Mike Stanley">Mike Stanley</option></select><br /><br /><input type="button" value="Select" onclick="SetName();" /><script type="text/javascript"> function SetName() { if (window.opener != null && !window.opener.closed) { var txtName = window.opener.document.getElementById("txtName");//获取父窗口中元素,也可以获取父窗体中的值 txtName.value = document.getElementById("ddlNames").value;//将子窗体中的值传递到父窗体中去 } window.close(); }</script></body></html>
0 0
- JS window 对象 open方法弹窗实现父子窗口中的参数传递
- window.open父子窗口数据传递问题
- JS:1.7窗口(window)对象 window.close,window.open
- window.open传递参数
- window.open方法中的数值传递
- window.open()父子窗口传值
- layui弹窗父子窗口之间传参数的方法
- js 方法传递对象参数
- js window.open 传递中文参数出现乱码解决办法
- js window.open 传递中文参数出现乱码解决办法
- js window.open 传递中文参数出现乱码解决办法
- 使用window.open()传递参数
- window.open传递(数组)参数
- js中setTimeout方法重写,实现对象参数传递
- window.open()--窗口参数详解!
- window.open()--窗口参数详解!
- window.open()--窗口参数详解
- window.open()--窗口参数详解!
- 第五章 初始化与清理(下)
- 基于HTML5的可预览多图片Ajax上传
- Centos6.7_x64下安装Nodejs v4.0
- 通过重写ViewGroup学习onMeasure()和onLayout()方法
- setTimeout & setInterval
- JS window 对象 open方法弹窗实现父子窗口中的参数传递
- Java web添加log4j
- 归途
- int(*p)[4] int*p[4]
- Maven3路程(三)用Maven创建第一个web项目(2)servlet演示
- 分支结构
- [Android]attrs.xml文件中属性类型format值的格式
- UVA1631 - Locker
- ^(^=)是什么以及他的运算规则