JavaScript对话框示例-优快云博客

本文介绍了一个使用纯JavaScript实现的对话框示例，通过 showModalDialog 方法弹出一个带有选择项的对话窗口，并允许用户编辑代码内容。该示例展示了如何在主页面与对话框之间传递数据。

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


<script language=javascript>
        function openDialogWin()
        {
			 var currentCode = document.all.code.value;
            var result = window.showModalDialog("bb.html",currentCode,"dialogHeight:260px; dialogWidth:400px; status:no; help:no; scroll:no");
			if (result != 'cancel'){
				document.all.code.value = result;
			} 
        }
    </script>
<input type="button" value="Edit Code" name="btn" onclick="openDialogWin()" />
<input type="text" value="C" name="code" id="code" readonly="readonly"/>

<html>
<head>
<script language='javascript'>
	var selectCode = window.dialogArguments;


	function putSelectCode(code){ 
		selectCode = code;

	}

	function confirm(){

		window.returnValue = "a";
		window.close(); 
	}
	function cancel(){ 
		window.returnValue = "cancel";
		window.close(); 
	}

</script>
</head>
<body>
 <input type="radio" id="radioTag1" name="radioTag" value="1"  />
	<input type="radio" id="radioTag2" name="radioTag" value="2" />
	<input type='button' value='Cancel' onclick='cancel()' />   <input type='button' value='Done' onclick='confirm()' />


</body>
</html>

模式对话框传值