我在html点击删除然后弹出对话框确认和取消,为什么我点击取消还是要删除数据呢? html 当鼠标点击弹窗确认,执行下一步,取消则取消

JS \u5220\u9664\u67d0\u4e2a\u4fe1\u606f\u7684\u65f6\u5019\uff0c\u70b9\u51fb\u786e\u5b9a\u6309\u94ae \u51fa\u73b0\u786e\u8ba4\u662f\u5426\u5220\u9664\u5bf9\u8bdd\u6846\uff0c\u5982\u4f55\u5b9e\u73b0

1\u3001\u65b0\u5efahtml\u6587\u6863\u3002

2\u3001\u4e66\u5199hmtl\u4ee3\u7801\u3002 \u90e8\u95e8 \u5de5\u53f7 \u59d3\u540d\u64cd\u4f5c \u3002

3\u3001\u4e66\u5199css\u4ee3\u7801\u3002.z_i { width: 900px; text-align: center; margin: 0 auto; border-collapse: collapse; background: #fff; line-height: 49px; margin-top: 60px; border: 1px solid #e8e8e8; }.z_i td a { color: #18a0da; }.z_i td { height: 49px; font-size: 12px; color: #4b4b4b; }\u3002

4\u3001\u4e66\u5199\u5e76\u6dfb\u52a0js\u4ee3\u7801\u3002\u3002

5\u3001\u4ee3\u7801\u6574\u4f53\u7ed3\u6784\u3002

6\u3001\u67e5\u770b\u6548\u679c\u3002

\u8fc7\u65f6\u7684\u4ee3\u7801\uff0c\u4e5f\u662f\u975e\u5e38\u7e41\u7410\u7684\u4ee3\u7801\uff01
\u81ea\u5b9a\u4e49\u51fd\u6570\u7684\u4f5c\u7528\u662f\u4ec0\u4e48\uff1f\u597d\u5904\u662f\u4ec0\u4e48\uff1f
\u81ea\u5b9a\u4e49\u51fd\u6570\u7684\u76ee\u7684\uff0c\u5c31\u662f\u628a\u4e00\u4e9b\u5e38\u7528\u7684\u529f\u80fd\u8fdb\u884c\u5c01\u88c5\uff0c \u65b9\u4fbf\u5728\u9700\u8981\u591a\u4e2a\u5730\u65b9\u4f7f\u7528\u7684\u76f8\u540c\u6216\u8005\u76f8\u4f3c\u529f\u80fd\u8fdb\u884c\u8c03\u7528\uff0c \u800c\u65e0\u9700\u7e41\u7410\u7684\u5728\u6bcf\u4e2a\u5730\u65b9\u90fd\u5199\u4e00\u6b21\u4ee3\u7801\uff0c \u8fbe\u5230\u4ee3\u7801\u7684\u6613\u7528\u6027\u3001\u6613\u7ef4\u62a4\u7b49\uff01
\u5982\u679c\u5355\u5355\u53ea\u662f\u4e00\u4e2a\u5730\u65b9\u8c03\u7528\uff0c \u5199\u81ea\u5b9a\u4e49\u51fd\u6570\u7b80\u76f4\u662f\u753b\u86c7\u6dfb\u8db3\uff0c\u6240\u4ee5\uff0c\u4f60\u4e0a\u9762\u7684\u4ee3\u7801\u53ef\u4ee5\u8fd9\u6837\u6539
\u6309\u94ae\u88ab\u70b9\u51fb \u70b9\u51fb \u8fd9\u4ee3\u7801\u5728\u5b9e\u73b0\u540c\u6837\u7684\u529f\u80fd\u7684\u60c5\u51b5\u4e0b\uff0c \u662f\u4e0d\u662f\u6bd4\u4f60\u7684\u4ee3\u7801\u7b80\u6d01\u591a\u4e86\u5462\uff1f\uff1f\uff1f

1、首先在电脑中,新建并打开html文档,如下图所示。

2、然后在打开的文档操作主页面中,准备好需要用到的图标,书写hmtl代码,如下图所示。

3、接着书写css代码,如下图所示。

4、最后书写并添加js代码,代码整体结构,如下图所示。

5、最后运行网页,如下图所示,查看效果就完成了。



改成 onClick="return confirm('确认要删除?')"

  • 鎴戝湪html鐐瑰嚮鍒犻櫎鐒跺悗寮瑰嚭瀵硅瘽妗嗙‘璁ゅ拰鍙栨秷,涓轰粈涔堟垜鐐瑰嚮鍙栨秷杩樻槸瑕佸垹闄...
    绛旓細1銆侀鍏堝湪鐢佃剳涓紝鏂板缓骞舵墦寮html鏂囨。锛屽涓嬪浘鎵绀恒2銆鐒跺悗鍦ㄦ墦寮鐨勬枃妗f搷浣滀富椤甸潰涓紝鍑嗗濂介渶瑕佺敤鍒扮殑鍥炬爣锛屼功鍐檋mtl浠g爜锛屽涓嬪浘鎵绀恒3銆佹帴鐫涔﹀啓css浠g爜锛屽涓嬪浘鎵绀恒4銆佹渶鍚庝功鍐欏苟娣诲姞js浠g爜锛屼唬鐮佹暣浣撶粨鏋勶紝濡備笅鍥炬墍绀恒5銆佹渶鍚庤繍琛岀綉椤碉紝濡備笅鍥炬墍绀猴紝鏌ョ湅鏁堟灉灏卞畬鎴愪簡銆
  • 鎴戝湪html鐐瑰嚮鍒犻櫎鐒跺悗寮瑰嚭瀵硅瘽妗嗙‘璁ゅ拰鍙栨秷,涓轰粈涔堟垜鐐瑰嚮鍙栨秷杩樻槸瑕佸垹闄...
    绛旓細1銆侀鍏堝湪鐢佃剳涓紝鏂板缓骞舵墦寮html鏂囨。锛屽涓嬪浘鎵绀恒2銆鐒跺悗鍦ㄦ墦寮鐨勬枃妗f搷浣滀富椤甸潰涓紝鍑嗗濂介渶瑕佺敤鍒扮殑鍥炬爣锛屼功鍐檋mtl浠g爜锛屽涓嬪浘鎵绀恒3銆佹帴鐫涔﹀啓css浠g爜锛屽涓嬪浘鎵绀恒4銆佹渶鍚庝功鍐欏苟娣诲姞js浠g爜锛屼唬鐮佹暣浣撶粨鏋勶紝濡備笅鍥炬墍绀恒5銆佹渶鍚庤繍琛岀綉椤碉紝濡備笅鍥炬墍绀猴紝鏌ョ湅鏁堟灉灏卞畬鎴愪簡銆
  • html濡備綍鐐瑰嚮宸﹁竟鐨勫鑸,鍙宠竟寮瑰嚭瀵瑰簲鐨勫唴瀹?
    绛旓細杩欎釜鏄鐐瑰嚮涔嬪悗瑙﹀彂浜嬩欢锛屾槸瑕佺敤鍒癹s浠g爜鐨勶紝鎴戣繖澶ф缁欎竴涓鏋讹紝css浠g爜浣犺嚜宸辫缃竴涓嬶細html浠g爜濡備笅锛<div class="main"> <div class="left"> <ul> <li onclick="choose(1);" class="select">鐜勭晫</li> <li onclick="choose(2);">闃朵綅</li> <li onclick="choose(3);">鍧愰獞</...
  • 鎬庝箞鍦╤tml鏂囦欢涓疄鐜鐐瑰嚮鎸夐挳鍚庡脊鍑鎻愮ず?
    绛旓細1銆侀鍏堬紝鎵撳紑html缂栬緫鍣紝鏂板缓html鏂囦欢锛屼緥濡傦細index.html锛岃緭鍏ラ棶棰樺熀纭浠g爜銆2銆佸湪index.html涓鐨<body>鏍囩涓紝杈撳叆js浠g爜锛歠unction fun() { alert('click success!');} 3銆佹祻瑙堝櫒杩愯index.html椤甸潰锛屾鏃鐐瑰嚮鎸夐挳寮瑰嚭浜嗘彁绀烘銆
  • javascript 鐐瑰嚮鍒犻櫎鎸夐挳鍚庡脊鍑瀵硅瘽妗
    绛旓細function del() { if (window.confirm("鏄惁纭瑕鍒犻櫎?")) { // 纭鏃跺仛鐨勬搷浣 alert("鐐圭殑纭");} else { // 鍙栨秷鏃跺仛鐨勬搷浣 alert("鐐圭殑鍙栨秷");} } <input type="button" value="鍒犻櫎" onclick="del();"> 甯屾湜瀵逛綘鑳芥湁鎵甯姪銆
  • 鐢↗S濡備綍鍦鐐瑰垹闄鏃寮瑰嚭鈥滅‘瀹氬垹闄や箞?鈥濊繖涓璇濇?
    绛旓細涓鑸潵璇达紝閮芥槸杩欎箞鍐欑殑 if(confirm("纭畾鍒犻櫎涔?")){ //鎵ц鍒犻櫎鎿嶄綔鐨勫懡浠 } 渚嬪瓙 <script type="text/javascript"> function del(id){ if(confirm("纭畾鍒犻櫎涔?")){ //鍒犻櫎 } } </script> <a href="javascript:del('1')">鍒犻櫎</a> ...
  • html 濡備綍鍦ㄩ〉闈鐐瑰嚮鏌愭寜閽椂寮瑰嚭涓涓璇濇,瑕佹眰杈撳叆瀵嗙爜,姝g‘鍚庢柟...
    绛旓細鍙互鍒╃敤闅愯棌灞傦紝鐐瑰嚮浣犺鐨勬寜閽悗锛屾墦寮闅愯棌灞傘傚湪闅愯棌灞備腑璁剧疆涓涓〃鍗曞氨鍙互浜嗐傚氨鍍忕櫨搴︾煡閬撶殑鐧婚檰妗嗕竴鏍枫
  • HTML 缃戦〉涓 鐐瑰嚮鎾ら攢 鎸夐挳 寮瑰嚭涓獥鍙 瑕佽浜哄湪閲岄潰濉啓鎾ら攢鐞嗙敱 鐒跺悗...
    绛旓細function open2(){ //鎺ユ敹绐椾綋鐨勮繑鍥炲 var addr=window.showModalDialog("鎾ら攢绐楀彛.html","denglu","width=400,height=300,menubar=0,toolbar=0");//鏄剧ず鏂囨湰妗<br> document.form1.txtAddr.value=addr;} 鎾ら攢绐楀彛 <form name="form1" action="index.html"> 璇疯緭鍏ユ偍鐨勫湴鍧<input name="...
  • 鍦∕VC鍚庡彴浠g爜涓兂瀹炵幇鍒犻櫎鏃寮瑰嚭"纭鍒犻櫎"鏁堟灉,璇ユ庝箞鍐欍
    绛旓細Html.ActionLink("鍒犻櫎", "Delete", new { id = item.id})Html.ActionLink 娣诲姞htmlAttribute鐨勫弬鏁帮紝涓婇潰鐨凙ctionLink鍙互杩欐牱鍐欙細Html.ActionLink("鍒犻櫎", "Delete", new { id = item.id}, new { onclick = "confirm('浣犵‘璁ゅ垹闄ゅ悧锛')" })...
  • 濡傚浘jsp椤甸潰鍦鐐瑰嚮鍒犻櫎鎸夐挳鏄寮瑰嚭瀵硅瘽妗嗚闂槸鍚﹀垹闄 杩欐牱浠g爜鎬庢牱鍐...
    绛旓細> function confirmDel(){ return confirm("纭畾瑕鍒犻櫎鏈潯淇℃伅");} </script> 涓嬮潰鏄紩鐢ㄨJS鍑芥暟~~~<a href="ManageServlet?action=delBook&bNO=<%=vtemp.get(0)%>"onclick="return confirmDel()"> <img src="images/del.gif" border="0" width="15" height="15"/>鍒犻櫎</a> ...
  • 扩展阅读:html网站源码怎么变成网址 ... html点击后弹出小窗口 ... html点击弹窗代码 ... html转视频 ... html溢出隐藏 ... html点击按钮弹出表单 ... html进入网页弹出提示 ... html点击轮播图 ... html点击文字弹出窗口 ...

    本站交流只代表网友个人观点,与本站立场无关
    欢迎反馈与建议,请联系电邮
    2024© 车视网