确认带有锚标记的对话框

时间:2012-06-21 09:24:34

标签: javascript html

我的朋友在下面编写了自定义控件

<a href="javascript:__doPostBack('id','msg');">click</a>

现在我想在点击此锚链接时显示确认对话框。

有可能吗?我想写脚本作为内联。

3 个答案:

答案 0 :(得分:2)

这样做:

<a href="javascript:if (window.confirm('Really?')){__doPostBack('id','msg');};">click</a>

但在某些时候,您希望停止仅使用内联代码,并查看在代码中添加javascript的其他更清晰的方法。

您可以在HTML文件的HEAD中使用这样的脚本块:

<script>
    function doOnClick(){
       if (window.confirm('Really?')){
           __doPostBack('id','msg');
       };
    }
</script>

然后您的链接变为

<a href="javascript:doOnClick();">click</a>

当然,只用一个功能就不会感觉简单多了,但它可以帮助你将所有功能放在同一个地方,并使html更清晰,更清晰。


另一种方法是使用jQuery,这样你就可以完全避免将javascript放入html部分。

然后是

<a id=myLink>click</a>

你的剧本,现在在身体的最后,就是这个:

<script>
   $(document).ready(function(){
       $('#myLink').click(function(){
           if (window.confirm('Really?')){
               __doPostBack('id','msg');
           };
       });

       // other codes will come here
   });
</script>

您现在根本不需要以这种方式编写代码,因为您只有非常轻松的功能,但如果您的代码增长,我建议您开始考虑它并查看jquery教程。

答案 1 :(得分:1)

当然。这是一个小片段,不优雅,但它有效...

<a href="javascript:if(confirm('Do you really want to post?')) {__doPostBack('id','msg');};">click</a>

答案 2 :(得分:1)

我实际上必须仔细查看,因为我很长时间没有使用confirmalertprompt

confirm返回true / false,取决于用户选择的内容(分别为OK / Cancel)。

所以你得到的代码将是

<a href="javascript:if (confirm('Are you sure?')) __doPostBack('id','msg');">click</a>