ajax学习篇6

发布时间：2020-12-16 01:01:03 所属栏目：百科来源：网络整理

导读：showModalDialog这个对话框。利用这个可以对对话框和父界面进行信息交互。 window.showModelessDialog(sURL[,vArguments] [,sFeatures]) 参数说明 sURL--必选参数，类型：字符串。用来指定对话框要显示的文档的URL。 vArguments--可选参数，类型：变体。用

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>

<title>Inserttitle here</title>

<scripttype="text/javascript">

window.onload=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>

<title>Insert title here</title>

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>

</body>

</html>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!