1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > JavaScript事件与处理程序绑定(1)

JavaScript事件与处理程序绑定(1)

时间:2019-05-03 18:53:16

相关推荐

JavaScript事件与处理程序绑定(1)

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>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。