blocks|key|1079247|text|您可以对confirm()执行return操作(返回true/false)，如下所示：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1079248|<a+href="mysite.de/xy/delete"+onClick="return+confirm('You+sure??');">Delete</a>|code-block|syntax|javascript|1079249|You+can+test+it+here|1079250|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en/Window.confirm|1|http://www.jsfiddle.net/nick_craver/eJzXX/^0|4|9|F|6|Q|4|V|5|4|9|0|0|0|0|K|1|0^^$0|@$1|2|3|4|5|6|7|W|8|@$9|X|A|Y|B|C]|$9|Z|A|10|B|C]|$9|11|A|12|B|C]|$9|13|A|14|B|C]]|D|@$9|15|A|16|1|17]]|E|$]]|$1|F|3|G|5|H|7|18|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|19|8|@]|D|@$9|1A|A|1B|1|1C]]|E|$]]|$1|M|3|-4|5|6|7|1D|8|@]|D|@]|E|$]]]|N|$O|$5|P|Q|R|E|$S|T]]|U|$5|P|Q|R|E|$S|V]]]]

You can <code>return</code> the <a href="https://developer.mozilla.org/en/Window.confirm" rel="noreferrer"><code>confirm()</code></a> (which returns <code>true</code>/<code>false</code>), like this:

<pre><code>&lt;a href="mysite.de/xy/delete" onClick="return confirm('You sure??');"&gt;Delete&lt;/a&gt;
</code></pre>

<a href="http://www.jsfiddle.net/nick_craver/eJzXX/" rel="noreferrer">You can test it here</a>

blocks|key|864686|text|考虑一下，如果用户禁用了javascript，或者如果google出现并爬取了链接，会发生什么。您的实体将被删除吗？|type|unstyled|depth|inlineStyleRanges|entityRanges|data|864687|更好的方法是发布一个要删除的表单。|864688|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

Consider what happens if the user has javascript disabled, or if google comes along and spiders the link. Will your entity be deleted?

A better way would be to post a form to delete.

blocks|key|1079381|text|更好的(虽然不是很理想！)：把它转过来。不要让链接做任何事情，除非你得到了JavaScript：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1079382|<a+href="#"+
++onclick="if+confirm('Sure?')+{+window.location='http://mysite.de/xy/delete';}">
++++Click+to+delete
</a>|code-block|syntax|javascript|1079383|这至少可以防止链接在没有JavaScript的情况下工作。这也降低了链接被Google意外抓取的风险，甚至被一些本地插件抓取。(如果您有一个插件，可以尝试加载/显示为缩略图，则会显示此图像)悬停链接时的目标页面！)|1079384|尽管如此，这种解决方案并不理想。您将实际浏览到该url，并且该url可能会因此而显示在历史记录中。你可以删除Bob，创建一个新的Bob，然后只需在浏览器中单击“back”，就可以意外地删除那个Bob！|1079385|更好的选择是使用JavaScript或表单来发布所需的操作。可以使用POST方法向服务器发出请求，或者更好的方法是DELETE方法。这也应该防止urls被索引。|1079386|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

Better (though far from ideal!): turn it around. Don't let the link do anything, unless you got JavaScript:

<pre><code>&lt;a href="#" 
 onclick="if confirm('Sure?') { window.location='http://mysite.de/xy/delete';}"&gt;
 Click to delete
&lt;/a&gt;
</code></pre>

This at least prevents the link to work without JavaScript. This also reduces the risk of the link accidentally being crawled by Google, or even by some local plugin. (Image if you had a plugin that would try to load/show as thumbnail) the target page on hover of a link!)

Still, this solution is not ideal. You will actually browse to the url, and the url might show up in the history because of that. You could actually delete Bob, create a new Bob, and then delete that one by accident by just clicking 'back' in the browser!

A better option would be to use JavaScript or a form to post the desired action. You can make a request to the server with the POST method, or arguably better, the DELETE method. That should also prevent the urls from being indexed.

blocks|key|1079484|text|有一个jQuery插件就可以做到这一点：jquery.confirm。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1079485|示例：|1079486|<a+href="home"+class="confirm">Go+to+home</a>|code-block|syntax|javascript|1079487|JS代码：|1079488|$('.confirm').confirm();|1079489|​|1079490|📷|atomic|1079491|1079492|如果用户确认，他会被重定向到<a>的链接，否则什么都不会发生。|style|CODE|1079493|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/myclabs/jquery.confirm|1|IMAGE|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/2f01efe9ee1a798c96a38d1b9abf8609.png|imageAlt^0|K|E|0|0|0|0|0|0|0|0|1|1|0|0|E|3|0^^$0|@$1|2|3|4|5|6|7|1C|8|@]|9|@$A|1D|B|1E|1|1F]]|C|$]]|$1|D|3|E|5|6|7|1G|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|1H|8|@]|9|@]|C|$I|J]]|$1|K|3|L|5|6|7|1I|8|@]|9|@]|C|$]]|$1|M|3|N|5|H|7|1J|8|@]|9|@]|C|$I|J]]|$1|O|3|P|5|6|7|1K|8|@]|9|@]|C|$]]|$1|Q|3|R|5|S|7|1L|8|@]|9|@$A|1M|B|1N|1|1O]]|C|$]]|$1|T|3|P|5|6|7|1P|8|@]|9|@]|C|$]]|$1|U|3|V|5|6|7|1Q|8|@$A|1R|B|1S|W|X]]|9|@]|C|$]]|$1|Y|3|-4|5|6|7|1T|8|@]|9|@]|C|$]]]|Z|$10|$5|11|12|13|C|$14|15]]|16|$5|17|12|18|C|$19|1A|1B|-4]]]]

There is a jQuery plugin that does just that: <a href="https://github.com/myclabs/jquery.confirm" rel="nofollow noreferrer">jquery.confirm</a>.

Example:

<pre><code>&lt;a href="home" class="confirm"&gt;Go to home&lt;/a&gt;
</code></pre>

JS code:

<pre><code>$('.confirm').confirm();
</code></pre>

<a href="https://i.stack.imgur.com/yjHcH.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/yjHcH.png" alt="screenshot"></a>

If the user confirms, he is redirected to the link of the <code>&lt;a&gt;</code>, else nothing happens.

blocks|key|864984|text|您可以使用以下命令:从:1：http://bootboxjs.com/下载bootboxjs|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|864985|创建按钮(HTML)|864986|<button+type="submit"+id="btn">Delete</button>|code-block|syntax|javascript|864987|调用对话框：|864988|++var+myBtn+=+document.getElementById('btn');


++myBtn.addEventListener('click',+function(event)+{
++++++bootbox.confirm({
++++++++++size:+"small",
++++++++++message:+"Are+you+sure?",
++++++++++callback:+function+(result)+{
++++++++++++++/*+result+is+a+boolean;+true+=+OK,+false+=+Cancel*/
++++++++++++++if+(result+==+true)+{
++++++++++++++++++alert("ok+pressed");
++++++++++++++}
++++++++++++++else+{
++++++++++++++++++alert("cancel+pressed");
++++++++++++++}
++++++++++}
++++++})
++});|864989|entityMap|0|LINK|mutability|MUTABLE|url|http://bootboxjs.com/^0|E|L|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@$A|X|B|Y|1|Z]]|C|$]]|$1|D|3|E|5|6|7|10|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|11|8|@]|9|@]|C|$I|J]]|$1|K|3|L|5|6|7|12|8|@]|9|@]|C|$]]|$1|M|3|N|5|H|7|13|8|@]|9|@]|C|$I|J]]|$1|O|3|-4|5|6|7|14|8|@]|9|@]|C|$]]]|P|$Q|$5|R|S|T|C|$U|V]]]]

You can use this:
Download a bootboxjs from:[1]: <a href="http://bootboxjs.com/" rel="nofollow noreferrer">http://bootboxjs.com/</a>

Create the Button (HTML)

<pre><code>&lt;button type="submit" id="btn"&gt;Delete&lt;/button&gt;
</code></pre>

Call the Dialog:

<pre><code> var myBtn = document.getElementById('btn');


 myBtn.addEventListener('click', function(event) {
 bootbox.confirm({
 size: "small",
 message: "Are you sure?",
 callback: function (result) {
 /* result is a boolean; true = OK, false = Cancel*/
 if (result == true) {
 alert("ok pressed");
 }
 else {
 alert("cancel pressed");
 }
 }
 })
 });
</code></pre>

I want to add a confirm dialog to a delete button to ask the user whether it is ok or not deleting the selected item.
If not, nothing should happend, else a url should be executed.
I know how to realize this via some Javascript code but I am looking for a solution that has less code. I mean e.g. :
<pre><code>&lt;a href=&quot;mysite.de/xy/delete&quot; onClick=&quot;...&quot;&gt;Delete&lt;/a&gt;
</code></pre>
Is it possible to put the whole functionality in the <code>onClick</code> element without having some extra Javascript in the header?

Javascript confirm dialog

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我想在删除按钮上添加一个确认对话框，询问用户是否可以删除所选项目。如果不是，则不会发生任何事情，否则将执行一个url。我知道如何通过一些Javascript代码来实现这一点，但我正在寻找一个代码更少的解决方案。我的意思是：<a href="mysite.de/xy/delete" onClick="...">Delet...

问Javascript确认对话框
EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Javascript确认对话框EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Javascript确认对话框
EN