javascript当中showModalDialog的用法

仔仔尔

于 2019-11-13 15:24:55 发布

阅读量599

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： javascript showModalDialog showModalDialog

原文链接：https://blog.csdn.net/mark_to_win/article/details/88665051

javascript 专栏收录该内容

73 篇文章

订阅专栏

本文通过示例代码详细介绍了如何使用JavaScript的showModalDialog函数创建模态对话框，实现父窗口与子窗口之间的参数传递及返回值接收，适用于需要用户输入或选择的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

7.showModalDialog
例 1.7.1（showModalDialogOIEFF.html)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>
</HEAD>

<BODY>
演示时，直接点击button
<INPUT TYPE="text" id="cla"><INPUT TYPE="button" value="点击" onclick="choice()" >
</BODY>
</HTML>
secondoR.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<BODY>

<form name="fq">
    <select>
      <option value=0801java>0801java</option>
      <option value=0802java>0802java</option>
      <option value=0803java>0803java</option>
</select>
    <button name="b1" onclick="window.returnValue=window.fq.elements[0].value;window.close();">close</button>
</form>
</BODY>
</HTML>