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="javascript:void(0)" onclick="alert('myFunc executed');myFunc();window.location='http://google.com'">Click here</a>

解释：

javascript:void(0)是对u到看到一个链接。

Answer 2

用途：

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

Answer 3

你的做法是非常 “碍眼” 的JavaScript。如今，人们倾向于推荐一种Unobtrusive 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。