showModalDialog这个对话框。
利用这个可以对对话框和父界面进行信息交互。
window.showModelessDialog(sURL[, vArguments] [,sFeatures])
参数说明
sURL -- 必选参数，类型：字符串。用来指定对话框要显示的文档的URL。
vArguments -- 可选参数，类型：变体。用来向对话框传递参数。传递的参数类型不限，包括数组等。对话框通过
window.dialogArguments来取得传递进来的参数。
sFeatures -- 可选参数，类型：字符串。用来描述对话框的外观等信息，可以使用以下的一个或几个，用分号“;”隔开。
----------------
1. dialogHeight: 对话框高度，不小于100px
2. dialogWidth: 对话框宽度。
3. dialogLeft: 离屏幕左的距离。
4. dialogTop: 离屏幕上的距离。
5. center: { yes | no | 1 |0 } ： 是否居中，默认yes，但仍可以指定高度和宽度。
6. help: {yes | no | 1 | 0 }： 是否显示帮助按钮，默认yes。
7. resizable: {yes | no |1 | 0 } [IE5+]： 是否可被改变大小。默认no。
8. status: {yes | no | 1 | 0} [IE5+]： 是否显示状态栏。默认为yes[ Modeless]或no[Modal]。
9. scroll: { yes| no | 1 | 0 | on | off }：是否显示滚动条。默认为yes。
下面几个属性是用在HTA中的，在一般的网页中一般不使用。
10. dialogHide:{ yes | no | 1 | 0 | on | off }：在打印或者打印预览时对话框是否隐藏。默认为no。
11. edge:{ sunken | raised }：指明对话框的边框样式。默认为raised。
12. unadorned:{ yes | no | 1 | 0 | on | off }：默认为no。
下面我写一篇代码实现两个页面相互传值。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type"content="text/html; charset=UTF-8">
<title>Inserttitle here</title>
<scripttype="text/javascript">
window.οnlοad=function(){
document.getElementById("button").onclick=function(){
window.showModalDialog("otherpage.html",window,"dialogWidth=200px;dialogHeight=100px");
}//利用这个方法，我们可以弹出一个otherpage.Html 这里的window参数是该页面的所有内容。后面的是对窗口风格的设置。
}
这个是：otherpage.html
</script>
</head>
<body>
<inputtype="text" id="username">
<inputtype="button" value="确定" id="button"/>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTDHTML 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">
window.onload = function() {
var obj = window.dialogArguments;//利用这句话我们可以把其那面的window参数接受过来。
var a = document.getElementById("hello").value;//获取自己元素的值
var b = obj.document.getElementById("username").value;//既然参数就是一个window那么获取父窗口的值方法也是一样的，。
//b = a;
//alert(b);
obj.document.getElementById("username").value = a;//将这个界面的值传给了父页面。
}
</script>
</head>
<body>
<input type="text"value="你好" id="hello">
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
