html:链接点击时执行功能,获取警报,然后重定向到另一个页面

Question

结合两个字符串的最佳方法是什么

字符串1:

<a href="javascript:myFunc();" onclick="alert('myFunc executed')">Click here</a>

和字符串2:

<a href="http://google.com">click here</a>

这样:myFunc()执行; 警报出现; 单击警报后,页面将重定向到http://google.com

我问的是最正确的方法.

谢谢.

Answer 1

使用:

<a href="http://google.com" onclick="myFunc(); alert('myFunc executed'); return true">click here</a>

Answer 2

你的方法是非常"突兀"的JavaScript.如今,人们倾向于推荐一种不引人注目的JavaScript方法.

<a id="myLink" href="http://google.com" data-message="myFunc executed">Click Here</a>

请注意,HTML中没有JavaScript.

然后,在您的脚本模块中,您可以初始化如下(为简洁起见,我使用jQuery):

$("#myLink").click(function(){
    var href = $(this).attr("href"),
        message = $(this).attr("data-message");
    myFunc();
    alert(message);
    window.location.href = href;
});

此技术使您的HTML保持干净,并允许您对click事件执行多个操作.

最后,如果您不熟悉JavaScript中的模块概念,请查看Douglas Crockford的书籍JavaScript,The Good Parts.