showModalDialog和showModelessDialog用法

最新推荐文章于 2022-08-18 21:45:34 发布

ddlcm

最新推荐文章于 2022-08-18 21:45:34 发布

阅读量106

点赞数

文章标签： HTML

1． showModalDialog和showModelessDialog的异同
同：两者弹出的窗体不能刷新
异：前者是模态窗口，始终获得焦点；后者是非模态窗口，只不过弹出一个页面，还可以操作父窗口。
2．关闭showModalDialog和showModelessDialog弹出的窗口
<INPUT type="button" value="ButtonClick" >
3．怎样才让在showModalDialog和showModelessDialog的弹出新窗口里操作button,不弹出新窗口？
在<head>和</head>之间加<base target="_self">
4. showModalDialog的返回值
参照例子：
1.html:
<html>
<HEAD>
</head>
<body>
<script language="javascript">
function showpage()
{
showx = event.screenX - event.offsetX +200 ; // + deltaX;
showy = event.screenY - event.offsetY + 20; // + deltaY;
alert(showModalDialog("2.html", "", "dialogWidth:197px; dialogHeight:210px; dialogLeft:"+showx+"px; dialogTop:"+showy+"px; status:no; directories:yes;scrollbars:no;Resizable=no; ") );
}
</script>
--------------------------------------------<input type="button" style="Width:197px; Height:20px;" value="getval" >
</body>
</html>
2.html
<HTML>
<HEAD>
<title>你好</title>
<Script language="javascript">
function SetVal()
{
window.returnValue="abc";
window.close();
}
//-->
</Script>
</HEAD>
<BODY>
<input type="button" value="Btn1" >
</BODY>
</HTML>