标签:辛星 javascript dom 事件 绑定
我们通过DOM的事件可以对HTML的事件作出反应,就像我们用其他编程语言写GUI一样,那么HTML包括哪些事件呢?下面是几个常见的例子,比如网页已经完成记载,图像完成加载,鼠标移动到元素上方,输入文字被改变,表单提交,用户点击按键等等,还是蛮多的。
下面我们用实例来演示一下,看下面的HTML代码:
<html> <p id = "tag" onclick="this.innerHTML ='小倩' ">辛星</p> </html>它本来是辛星的,如果我们点击一下,它就会变成”小倩“,这里的onclick其实就是一个点击事件,双引号里面的就是Javascript代码,那么既然是Javascript代码,我们不妨把它们写到外面的script标签里面去,如下代码:
<html> <p id = "tag" onclick="xin(this)">辛星</p> <script type="text/javascript"> function xin(my){my.innerHTML = "小倩";} </script> </html>
<html> <p id = "tag" >辛星</p> <script type="text/javascript"> document.getElementById("tag").onclick = function(){ this.innerHTML = "小倩"; }; </script> </html>其实也很好理解,这也是DOM的一个绑定,只是它直接在Javascript中完成了事件的绑定,每次我们单击”辛星“这个事件触发的时候,它就会执行这个函数,这个函数的功能就是改变其中的文本显示信息。
2014年辛星解读Javascript之DOM之事件及其绑定,布布扣,bubuko.com
2014年辛星解读Javascript之DOM之事件及其绑定
标签:辛星 javascript dom 事件 绑定
原文地址:http://blog.csdn.net/xinguimeng/article/details/38137725