当前位置：首页 > 网页特效 > 表单按钮 >

JS提交确认在新窗口中显示提交信息

时间：2014-05-09 08:59 来源：互联网作者：源码搜藏收藏推荐

<HTML><HEAD><TITLE>新窗口中显示提交内容</TITLE>
<STYLE type=text/css>
BODY {
	MARGIN-TOP: 0px; FONT-SIZE: 9pt; MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px; FONT-FAMILY: "宋体"
}
A {
	FONT-WEIGHT: 400; FONT-SIZE: 9pt; COLOR: black; TEXT-DECORATION: none
}
A:hover {
	FONT-WEIGHT: 400; FONT-SIZE: 9pt; COLOR: red; TEXT-DECORATION: underline
}
A:active {
	FONT: 9pt "宋体"; CURSOR: hand; COLOR: #ff0033
}
.STYLE1 {
	font-size: 40px;
	color: #0033FF;
}
.STYLE2 {
	font-size: 30px;
	font-weight: bold;
	color: #FF66CC;
}
</STYLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
</HEAD>
<BODY bgColor=#fef4d9><BR><BR>
<CENTER>
  <span class="STYLE1">新窗口中显示提交内容</span>
</CENTER><BR>
<CENTER>
<TABLE borderColor=#00FF00 border=5 borderlight="green">
  <TBODY>
  <TR>
    <TD align=middle><div align="center"><span class="STYLE2">效果显示</span></div></TD>
  </TR>
  <TR>
    <TD align=middle>
      <SCRIPT>
var win = null;
function show_choose()
{
	var new_html = '<br><button onclick="window.location=\'about:OK\'">确定</button><button onclick="opener.focus();window.close()">取消</button>'
	if(win==null||win.closed)
	{
		win = window.open("about:blank","choose_window","width=200,height=200,scrolling=yes");
	}
	else
	{
		win.document.close();
	}
	win.document.write(document.getElementById("the_text").value+new_html);
	win.focus();
}
</SCRIPT>
<FORM action=javascript:show_choose() method=post><INPUT id=the_text><INPUT type=submit value=提交><INPUT type=reset value=全部重写>
</FORM></TD></TR></TBODY></TABLE></CENTER>
</BODY></HTML>

运行代码保存代码复制代码提示：您可以先修改部分代码再运行，保存代码功能在Firefox下无效。