1.javascript
在JavaScript中调用事件处理程序,首先需要获得要处理对象的引用,然后将要执行的处理函数赋值给对应的事件。例如下面的代码:
<input id="save" name="bt_save" type="button"value="保存">
<scriptlanguage="javascript">
var b_save=document.getElementById("save"); //
b_save.οnclick=function(){
alert("单击了保存按钮");
}
</script>
简单的来说从js内面给外面的Element增加Event事件;就要获取外面的元素;
2.在HTML中
在HTML中分配事件处理程序,只需要在HTML标记中添加相应的事件,并在其中指定要执行的代码或是函数名即可。例如:
<input name="bt_save" type="button" value="保存" οnclick="alert('单击了保存按钮');">
在页面中添加如上代码。同样会在页面中显示“保存”按钮,当单击该按钮时,将弹出“单击了保存按钮”对话框,如图9.1所示。
上面的实例也可以通过以下代码来实现:
<input name="bt_save" type="button" value="保存" οnclick="clickFunction();">
function clickFunction(){
alert("单击了保存按钮");
document.getElementById('xx').innerHTML = "html代码"
假设xx是div的id
表示将 html代码 替换到id为xx的div标签中去 <div id="xx">此处</div>
这样就在不刷新页面的情况下更改页面的部分内容.