您的位置
主页 > 网站技术 > 语言编程 > » 正文

JS对话框_JS模态对话框showModalDialog用法总结

来源: 站长圈 点击:

点评:本文主要是对JS对话框_JS模态对话框showModalDialog的用法进行了总结介绍,感兴趣的朋友可以参考一下,希望对大家有所帮助!

父窗口:

复制代码 代码如下:

<html>

<head>

<title>无标题页</title>

<script language="javascript" type="text/javascript">

function opendialog1()

 {

 var someValue=window.showModalDialog("b.html","","dialogWidth=500px;dialogHeight=500px;status=no;help=no;scrollbars=no");

 document.form1.p1t.value=someValue;

 }

</script>

</head>

<body>

<form name="form1" action="#">

<input type="text" name="p1t">

<input type="button" value="打开对话框" onclick="opendialog1()">

</form>

</body>

</html>

子窗口:

复制代码 代码如下:

<html>

<head>

<title>无标题页</title>

<script language="javascript" type="text/javascript">

function a()

{

var wname = document.form1.backname.value;

parent.window.returnValue=wname; //父窗口就是上一个页面

 window.close();

}

</script>

</head>

<body>

<form name="form1" action=""> 

<input type="text" value="输入要传的值" name="backname">

<input type="button" value="传值" onclick="return a()">

</form>

</body>

</html>




首页  - 关于站长圈  - 广告服务  - 联系我们  - 关于站长圈  - 网站地图  - 版权声明