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。如今，人们倾向于推荐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保持干净，并允许您对点击事件执行多项操作。

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

Answer 3

试试这个：

<a href="javascript:void(0)" onclick="alert('myFunc executed');myFunc();window.location='http://google.com'">Click here</a>

解释：

javascript:void(0)是否可以看到链接。

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

3 个答案: