HTML有弹出确定和取消按钮的提示框吗，用div做的也行，求代码！ JS弹出DIV窗口,按ESC取消
HTML\u6709\u5f39\u51fa\u786e\u5b9a\u548c\u53d6\u6d88\u6309\u94ae\u7684\u63d0\u793a\u6846\u5417\uff0c\u7528div\u505a\u7684\u4e5f\u884c\uff0c\u6c42\u4ee3\u7801\uff01\u4f7f\u7528JS\u7684Confirm\u5f39\u51fa
\u4f8b\uff1a\u7528\u786e\u8ba4\u5bf9\u8bdd\u6846\u4f7f\u7528\u6237\u505a\u51fa\u51b3\u5b9a
\u3000\u3000like=window.confirm("\u4f60\u89c9\u5f97\u597d\u5417?");
\u3000\u3000if(like==true)
\u3000\u3000\u3000\u3000document.write("\u8c22\u8c22\u4f60\u7684\u5938\u5956");//\u786e\u5b9a
\u3000\u3000else
\u3000\u3000\u3000\u3000document.write("\u5e0c\u671b\u5f97\u5230\u4f60\u7684\u5938\u5956");//\u53d6\u6d88
\u3000\u3000\u663e\u793a\u5c42\uff1a
css\uff1a
.showdiv
{
width: 100%;
height: auto;
position: absolute;
left: 0;
top: 0;
z-index: 999;
display: none;
}
.count_div
{
width: 500px;
height: 400px;
margin-top: 120px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
border: 1px solid #aaaaaa;
background: #fff;
}
.brg
{
width: 100%;
background: #ededed;
position: absolute;
top: 0;
left: 0;
filter: alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
display: none;
z-index: 998;
}
js:
function close () {
$("#brg").css("display", "none");
$("#showdiv").css("display", "none");
}
function show() {
$("#brg").css("display", "none");
$("#div_show").css("display", "none");
}
\u3000$(document).bind('keydown', 'esc',function (evt){
\u3000\u3000//\u5173\u95ed\u5c42\u4ee3\u7801
close () ;
\u3000\u3000return false; });
\u3000\u3000html\uff1a
\u3000\u3000
\u3000\u3000
\u3000\u3000
\u3000\u3000
\u3000\u3000
\u3000\u3000
\u3000\u3000\u5185\u5bb9
\u3000\u3000
\u3000\u3000
\u3000\u3000\u5728\u7f51\u4e0a\u627e\u4e00\u4e2a\u201cjquery.hotkeys.js\u201d\u7684js\u5305\uff0c\u91cc\u9762\u90fd\u662fjquery\u6574\u7406\u597d\u7684\u70ed\u952e\uff0c
\u3000\u3000\u5f15\u5165jquery\u5305\u3002
\u3000\u3000$(document).bind('keydown', 'esc',function (evt){
\u3000\u3000//\u5173\u95ed\u5c42\u4ee3\u7801
\u3000\u3000return false; });
\u624b\u6572\uff0c\u672a\u6d4b\u8bd5\uff0c\u5e94\u8be5\u4e0d\u4f1a\u6709\u592a\u5927\u95ee\u9898\uff0c\u6839\u636e\u81ea\u5df1\u5185\u5bb9\u4fee\u6539
<script>
window.alert("确定.")
</script>
window.confirm ： 参数就只有一个.显示提示框的信息.
按确定,返回true; 按取消返回false.
<script>
var bln = window.confirm("确定吗?");
alert(bln)
</script>
window.prompt：参数,有两个,
第一个参数,显示提示输入框的信息.
第二个参数,用于显示输入框的默认值.
返回,用户输入的值.
<script>
var str = window.prompt("请输入密码","password")
alert(str);
</script>
js 弹出对话框3种方式
对话框有三种
1：只是提醒，不能对脚本产生任何改变；
2：一般用于确认，返回 true 或者 false ，所以可以轻松用于 if...else...判断
3：一个带输入的对话框，可以返回用户填入的字符串，常见于某些留言本或者论坛输入内容那里的插入UBB格式图片
使用JS的Confirm弹出
例：用确认对话框使用户做出决定
<script>
like=window.confirm("你觉得好吗?");
if(like==true)
document.write("谢谢你的夸奖");//确定
else
document.write("希望得到你的夸奖");//取消
</script>
绛旓細浣跨敤JS鐨凜onfirm寮瑰嚭 渚嬶細鐢纭瀵硅瘽妗嗕娇鐢ㄦ埛鍋氬嚭鍐冲畾 <script> like=window.confirm("浣犺寰楀ソ鍚?");if(like==true)document.write("璋㈣阿浣犵殑澶稿");//纭畾 else document.write("甯屾湜寰楀埌浣犵殑澶稿");//鍙栨秷 </script>
绛旓細1銆侀鍏堝湪鐢佃剳涓紝鏂板缓骞舵墦寮html鏂囨。锛屽涓嬪浘鎵绀恒2銆佺劧鍚庡湪鎵撳紑鐨勬枃妗ｆ搷浣滀富椤甸潰涓紝鍑嗗濂介渶瑕佺敤鍒扮殑鍥炬爣锛屼功鍐檋mtl浠ｇ爜锛屽涓嬪浘鎵绀恒3銆佹帴鐫涔﹀啓css浠ｇ爜锛屽涓嬪浘鎵绀恒4銆佹渶鍚庝功鍐欏苟娣诲姞js浠ｇ爜锛屼唬鐮佹暣浣撶粨鏋勶紝濡備笅鍥炬墍绀恒5銆佹渶鍚庤繍琛岀綉椤碉紝濡備笅鍥炬墍绀猴紝鏌ョ湅鏁堟灉灏卞畬鎴愪簡銆
绛旓細1锛氬彧鏄彁閱掞紝涓嶈兘瀵硅剼鏈骇鐢熶换浣曟敼鍙橈紱2锛氫竴鑸敤浜纭锛岃繑鍥 true 鎴栬 false 锛屾墍浠ュ彲浠ヨ交鏉剧敤浜 if...else...鍒ゆ柇 3锛氫竴涓甫杈撳叆鐨勫璇濇锛屽彲浠ヨ繑鍥炵敤鎴峰～鍏ョ殑瀛楃涓诧紝甯歌浜庢煇浜涚暀瑷鏈垨鑰呰鍧涜緭鍏ュ唴瀹归偅閲岀殑鎻掑叆UBB鏍煎紡鍥剧墖
绛旓細1銆侀鍏堬紝鎵撳紑html缂栬緫鍣紝鏂板缓html鏂囦欢锛屼緥濡傦細index.html锛岃緭鍏ラ棶棰樺熀纭浠ｇ爜銆2銆佸湪index.html涓殑<body>鏍囩涓紝杈撳叆js浠ｇ爜锛歠unction fun() { alert('click success!');} 3銆佹祻瑙堝櫒杩愯index.html椤甸潰锛屾鏃剁偣鍑鎸夐挳寮瑰嚭浜嗘彁绀烘銆
绛旓細浣纭畾鍏抽棴鐨勪唬鐮侊紝澶嶅埗鍒鍙栨秷涓婇潰鍘诲氨琛屼簡锛屾垨鑰呮妸纭畾鍏抽棴鐨勪簨浠讹紝寮勯兘鍙栨秷涓婇潰鍘汇
绛旓細</html> confirm鏂瑰紡鐢ㄤ簬寮瑰嚭涓涓甫鏈夆纭畾鈥濅互鍙娾鍙栨秷鈥濈殑瀵硅瘽妗嗭紝浼氳繑鍥炰竴涓竷灏斿硷紝濡傜敤鎴锋寜浜嗏滅‘瀹氣濊繑鍥濼RUE锛屽惁鍒欒繑鍥濬ALSE銆備篃鍙互蹇界暐鍑芥暟鍊硷紝鍗曠嫭浣跨敤锛屽仛鎻愰啋鐨勪綔鐢ㄣ俛lert鏂瑰紡鐢ㄤ簬寮瑰嚭涓涓鍛婄殑瀵硅瘽妗嗐俻rompt鏂瑰紡鐢ㄤ簬寮瑰嚭涓涓甫鏈変竴鏂囨湰杈撳叆妗嗙殑绐楀彛锛屽苟甯︽湁鈥滅‘瀹氣濅笌鈥滃彇娑堚濊繖涓や釜鎸夐挳...
绛旓細寮瑰嚭妗哻onfirm鐢ㄦ硶璇﹁В锛1銆佸畾涔夊拰鐢ㄦ硶锛歝onfirm()鏂规硶鐢ㄤ簬鏄剧ず涓涓甫鏈夋寚瀹氭秷鎭拰纭鍙婂彇娑堟寜閽殑瀵硅瘽妗嗐傚鏋滆闂呯偣鍑"纭畾"锛屾鏂规硶杩斿洖true锛屽惁鍒欒繑鍥瀎alse銆2銆佽娉曪細confirm(message)銆傚湪鐢ㄦ埛鐐瑰嚮纭畾鎸夐挳鎴栧彇娑堟寜閽妸瀵硅瘽妗嗗叧闂箣鍓嶏紝瀹冨皢闃绘鐢ㄦ埛瀵规祻瑙堝櫒鐨勬墍鏈夎緭鍏ャ傚湪璋冪敤 confirm() 鏃讹紝灏嗘殏鍋...
绛旓細body閲 <input type="button" value="鎵撳紑鎾ら攢绐楀彛" onClick="open2();"/><p> <input name="txtAddr" type="text" size="40"/><p> javascript 閲 function open2(){ //鎺ユ敹绐椾綋鐨勮繑鍥炲 var addr=window.showModalDialog("鎾ら攢绐楀彛.html","denglu","width=400,height=300,menubar=0,...
绛旓細棣栧厛浣犺鍐欏ソ涓ゆ潯CSS锛岀敤浠ュ垏鎹㈡帶鍒鎸夐挳鏍峰紡锛堜互涓嬩唬鐮佷腑鐪佺暐瀹介珮绛夊０鏄庯級锛.button {background:url(images/1.jpg) center no-repeat;} /* 榛樿鏍峰紡 */.button-hover {background-image:url(images/2.jpg);} /* 榧犳爣鎮仠鍙婂脊鍑灞傛椂鏍峰紡 */鐒跺悗鐢↗S鏉ユ帶鍒跺睘鎬э細var oBtn = document.getElement...
绛旓細2銆乭ide() 鏂规硶闅愯棌琚夊厓绱犮傝繖涓 CSS 灞炴 display:none 绫讳技锛屼絾鏄殣钘忕殑鍏冪礌涓嶄細琚畬鍏ㄦ樉绀猴紙涓嶅啀褰卞搷椤甸潰鐨勫竷灞锛夈備簩銆佽璁′竴涓HTML椤甸潰锛屽寘鎷竴涓畝鍗曠殑寮瑰嚭绐楋紝鍜屼竴涓樉绀鎸夐挳銆傚叾涓紝璋冪敤浜唈query鐨勪互涓婁袱涓嚱鏁般傚叿浣撲唬鐮佸涓嬶細涓夈佽璁￠伄缃╁眰鐨勬牱寮忥紝濡備笅锛氬洓銆佸脊鍑虹獥鍙ｇ殑css鏍峰紡锛屼唬鐮佸涓...
