JS点击超链接触发弹窗并阻止跳转的两种实现方式

 
<script>
/*关于弹窗链接的问题
* 2014-04-24
*/1:超链接a onclick 弹窗后如何使超链接a失效
//js解决方案
function arts(sourceobj){
var url = $(sourceobj).attr("href");
art.dialog.open(url, {title: 'title',width: 400, height: 300});
return false;
} 
//jquery解决方案
$(document).ready(function(){
$('#aaa').click( function () {
var url = $(this).attr("href");
art.dialog.open(url, {title: 'title',width: 400, height: 300});
return false;
}); 
}); 
</script>

 
<a href="http://www.baidu.com" onclick="arts(this);return false" >触发弹窗</a>
<a href="http://www.baidu.com" id="aaa" >触发弹窗</a>
//2:ajax提交时避免将按钮置于submit上