我想在没有任何重定向的情况下运行一个简单的JavaScript函数。
把JavaScript调用放在href属性中(像这样)有什么区别或好处吗?
<a href="javascript:my_function();window.print();">....</a>
与把它放在onclick属性(绑定到onclick事件)?
当前回答
将onclick放在href中会冒犯那些坚信内容与行为/动作分离的人。争论的焦点是你的html内容应该只关注内容，而不是表现形式或行为。
现在的典型路径是使用javascript库(例如。Jquery)，并使用该库创建一个事件处理程序。它看起来像这样:
$('a').click( function(e) {e.preventDefault(); /*your_code_here;*/ return false; } );
其他回答
将onclick放在href中会冒犯那些坚信内容与行为/动作分离的人。争论的焦点是你的html内容应该只关注内容，而不是表现形式或行为。
现在的典型路径是使用javascript库(例如。Jquery)，并使用该库创建一个事件处理程序。它看起来像这样:
$('a').click( function(e) {e.preventDefault(); /*your_code_here;*/ return false; } );
我经历过javascript: hrefs不能工作时，页面嵌入到Outlook的网页功能，其中一个邮件文件夹被设置为显示url
除此之外，href会显示在浏览器的状态栏上，而onclick则不会。我认为在那里显示javascript代码对用户不友好。
编辑警告:请参阅评论，在这个答案中使用“nohref”是不正确的。
我使用
Click <a nohref style="cursor:pointer;color:blue;text-decoration:underline"
onClick="alert('Hello World')">HERE</a>
虽然绕了很长一段路，但还是完成了任务。使用A风格来简化 然后就变成:
<style> A {cursor:pointer;color:blue;text-decoration:underline; } </style>
<a nohref onClick="alert('Hello World')">HERE</a>
在任何不是专门用于脚本的属性中使用javascript:都是一种过时的HTML方法。虽然从技术上讲它是可行的，但您仍然将javascript属性分配给非脚本属性，这不是一个好的实践。它甚至可以在旧的浏览器上失败，甚至在一些现代的浏览器上(一个谷歌论坛的帖子似乎表明Opera不喜欢'javascript:' url)。
更好的做法是第二种方式，将javascript放到onclick属性中，如果没有可用的脚本功能，则忽略该属性。在href字段中放置一个有效的URL(通常是'#')，以供那些没有javascript的人使用。
