1.事件与处理程序的绑定
1.一般可以使用两种方式将对象事件与处理程序代码进行绑定
第一种方式:
<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><script>var flag = 0; //当做点击的标记function changeSize() {if(flag==0) {//点击第一下的时候字体变大var obj= document.getElementById("text");obj.style.fontSize="30px";flag = 1;} else {//点击第二下的时候字体变小var obj2 = document.getElementById("text");obj2.style.fontSize="16px";flag = 0;}}</script></head><body>//当单击段落时,将段落文本大小更改为30px<p id="text" onclick="changeSize()">事件与处理程序</p></body></html>
第二种方式:
<!DOCTYPE html><html><head><meta charset="utf-8"><title></title></head><body>//js代码要写在p标签的后面,因为写在前面就访问不到p标签id的text属性值<p id="text">事件与处理程序</p><script>document.getElementById("text").onclick=function() {var obj= document.getElementById("text");obj.style.fontSize="30px";}</script></body></html>