window.open 和 window.showModelDialog弹出窗口
来源:互联网 发布:阳光房顶棚防水 知乎 编辑:程序博客网 时间:2024/05/21 12:39
window.open("url","弹出新窗口的参数","样式参数");在弹出窗口中通过window.openner接受父窗口;
window.showModelDialog("url","传递的参数","样式参数");在弹出窗口中通过window.dialogArguements接受父窗口;
下面是我写的一个demo:
父页面:
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
function openWin(){
window.open("clazz.jsp","_blank","status=no, width=400,height=300,toolbar=no,titlebar=no,menubar=no,location=no");
setValue(clazz,ctime,time);
}
function setValue(clazz,ctime,time){
document.getElementById("clazz").value=clazz;
document.getElementById("ctime").value=ctime;
document.getElementById("time").value=time;
}
</script>
</head>
<body>
<div>
班次种类:<input type="text" name="clazz" id="clazz"/>
班次名称:<input type="text" name="ctime" id="ctime"/>
班次时间段:<input type="text" name="time" id="time"/>
<input type="button" value="请选择班次" onclick="openWin();"/>
</div>
</body>
</html>
打开后效果:
子页面:
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<style type="text/css">
table
{
border-collapse:collapse;
}
table, td, th
{
border:1px solid black;
}
</style>
<script type="text/javascript">
function options(clazz,ctime,time){
var addClazz = window.opener;
addClazz.setValue(clazz,ctime,time);
window.close();
}
</script>
</head>
<body>
<div>
<table>
<tr>
<th>操作</th>
<th>班次种类</th>
<th>班次名称</th>
<th>班次时间段</th>
</tr>
<tbody>
<tr>
<td><input type="button" id="" value="选择" onclick="options('三班倒','早班','00:00-08:00');"/></td>
<td>三班倒</td>
<td>早班</td>
<td>00:00-08:00</td>
</tr>
<tr>
<td><input type="button" id="" value="选择" onclick="options('三班倒','中班','08:00-16:00');"/></td>
<td>三班倒</td>
<td>中班</td>
<td>08:00-16:00</td>
</tr>
<tr>
<td><input type="button" id="" value="选择" onclick="options('三班倒','晚班','16:00-00:00');"/></td>
<td>三班倒</td>
<td>晚班</td>
<td>16:00-00:00</td>
</tr>
<tr>
<td><input type="button" id="" value="选择" onclick="options('两班倒','早班','08:00-20:00');"/></td>
<td>两班倒</td>
<td>早班</td>
<td>08:00-20:00</td>
</tr>
<tr>
<td><input type="button" id="" value="选择" onclick="options('两班倒','晚班','20:00-08:00');"/></td>
<td>两班倒</td>
<td>晚班</td>
<td>20:00-08:00</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
打开后效果:
当点击窗口的“”请选择班次按钮后“”,弹出子窗口如上表格:
点击任意一个选择按钮,相应值就会出现在父窗口上。
如图:
- window.open 和 window.showModelDialog弹出窗口
- window.open 和 window.showModelDialog 获取父窗口对象或属性的方式
- window.open弹出窗口
- window.open() 弹出窗口
- window.open() 弹出窗口
- window.open弹出窗口代码
- window open 弹出窗口方法
- window.open 弹出居中窗口
- 弹出窗口控制-window.open()
- Window.open弹出窗口(转)
- window.open 窗口弹出js
- Window.showModelDialog
- window.showModelDialog()
- 弹出窗口window.open()的参数列表
- window.open的弹出窗口居中
- 弹出窗口window.open()的参数列表
- 弹出窗口window.open()的参数列表
- 弹出窗口居中(window.open)
- 小知识
- 事物
- java 选择排序
- 数据库隔离级别详解
- [LeetCode
- window.open 和 window.showModelDialog弹出窗口
- 信息安全铁人三项比赛答案
- 解决stm32进入HardFault_Handler的定位办法
- POJ 1379 Run Away 笔记
- STL适配器
- 一个ios斗鱼app教程(链接)
- java.lang.IllegalArgumentException: Too many bind arguments. 1 arguments were provided but the stat
- Cortex-M3/4的Hard Fault调试方法
- tomcat上传文件照片和读取照片的路径需要相同。