自己写的JS无刷新弹出确认框

小提示

Ctrl+/代码提示(需IE11)
F11键放大 ESC键缩小
PgUp上页 PgDn下页

推荐代码

运行代码缩小

引入JS
- 3.0.0 2.2.0 2.1.4 2.1.3 2.1.2 2.1.1 2.1.0 2.0.3 2.0.2 2.0.1 2.0.0 1.12.0 1.11.3 1.11.2 1.11.1 1.11.0 1.10.2 1.10.1 1.10.0 1.9.1 1.9.0 1.8.3 1.8.2 1.8.1 1.8.0 1.7.2 1.7.1 1.7 1.6.4 1.6.2 1.6.1 1.4.4 1.4.3 1.4.2 1.4.1 1.4.0
- 1.7.3 1.7.2 1.7.1.0 1.7.0.0
- 2.0.0-beta.0 2.0.0-alpha.55 1.5.0-rc.0 1.4.8 1.4.0 1.3.20 1.2.29 1.1.5 1.0.8
- 1.8.3 1.7.0 1.6.0 1.5.2 1.4.4 1.3.3 1.2.4 1.1.7
- 1.10.4 1.9.7 1.8.10 1.7.8 1.6.3 1.5.4 1.4.6 1.3.3
- core1.6.0 core-compat1.6.0 core1.5.2 core-compat1.5.2 core-full-compat-yc1.4.5 core-full-compat1.4.5 core-full-nocompat-yc1.4.5 core-full-nocompat1.4.5
- 1.4.2 1.4.1 1.4.0 1.3.0 1.2.0 1.1.0
- 3.7.3 3.7.2 3.7.1 3.7.0 3.7 3.6.2 3.6.1 3.6

引入框架
- 1.4.5 1.4.4 1.4.3 1.4.2 1.4.1 1.4.0 1.3.2
- 1.11.4 1.11.3 1.11.2 1.11.1 1.11.0 1.10.4 1.10.3 1.10.2
- 3.3.6 3.3.5 3.3.0 3.2.0 2.3.2

汉王

HTML代码

复制格式化注释注释清空

放大

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>自己写的无刷新弹出确认框</title>
<style type="text/css">
#closeshow {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
#closewindow {
	z-index: 1002;
	position: absolute;
        width: 100%;
}
#graydiv {
	z-index: 1000;
	background: #DDDDDD;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	filter:alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity: 0.5;
}
.msg_block {
	margin-top: 100px;
	margin-left: auto;
	margin-right: auto;
	width: 300px;
}
.msg_title {
	border: 1px solid #2982BA;
	background-color: #ADDAFB;
	border-bottom: 0;
}
.msg_content {
	border: 1px solid #2982BA;
	background-color: #E6F7FF;
	text-align: center;
}
</style>
<script type="text/javascript">
function showclose() {
	var obj=document.getElementById("closeshow");
	if(obj.style.display=="none")
		obj.style.display="block";
	else
		obj.style.display="none";
}
</script>
</head>
<body>
<input type="button" onclick="showclose();" value="退出" />
<div id="closeshow" style="display:none;">
	<div id="closewindow">
		<div class="msg_block">
		<div class="msg_title">退出</div>
		<div class="msg_content"><p>确定退出？</p><p><input type="button" value="确定" /><input type="button" onclick="showclose();" value="取消" /></p></div></div>
</div>
<div id="graydiv">
</div>
</div>
</body>
</html>

CSS代码

复制格式化注释注释颜色清空

放大

JS代码

复制格式化注释注释清空

放大

运行代码

简介

请输入代码名称！

名称

自己写的JS无刷新弹出确认框

分类

表格图层

描述

自己写的一个无刷新弹出确认框，自己美化一下，本人美工不咋地，只实现了全部的功能，至于样式就靠你自己了，个人感觉比那些将弹出窗写时JS里的好用多了。