javascript - 带有 anchor 标记的确认对话框

Question

我的 friend 在下面为自定义控件编写代码

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

现在我想在点击这个 anchor 链接时显示确认对话框。

这可能吗？我想将脚本编写为内联。

Answer 1

这样做:

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

---

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

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

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

然后你的链接变成了

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

当然，只有一个功能并不会感觉简单多少，但它可以帮助您将所有功能放在同一个地方，并使 html 更轻巧、更清晰。

---

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

然后是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 教程。