第一种写法是比较大众的写法
<button onclick="copyText()">点击这里</button>
function copyText()
{
alert("hello world");
}
JS里面的函数名和onclick事件的函数名相同即可。
第二种写法如下:
<div class="btnArea clearfix mar_t_20" style="padding-left:280px;">
<input type="button" class="btn_h25_cblue_s mar_l_20" value="确定" id="tjBtn"/>
<input type="button" class="btn_h25_corange_s mar_l_20" value="关闭" id="closeBtn"/>
</div>
<br><br>
</div>
<script type="text/javascript">
$(function(){
$('#closeBtn').bind('click',function(){
addRecentResDialog.close();
});
$('#tjBtn').bind('click',doSubmit);
});
</script>
用jQuery去写事件,理解起来也很简单,但是非常有逼格,工作学习中用起来非常让人刮目相看,特别是在面试的时候,面试官会觉得你挺不错的哟。
第三种比较特殊了:
<a href="javascript:forwardToDoneList();" id="A_YWC"><span>已完成</span></a></li>
//JS如下
function forwardToDoneList(){
showLoadingDialog("努力加载中……");
$.post(contextPath_js + "/aa/bbb/cccc/ddddd.pfv?rm="+Math.random(),null,function(response){
hideLoadingDialog();
$("#content").html(response);
});
}
大家都能看懂,就不解释了