js中函数的使用;处理事件的脚本模型

内联事件处理是最原始最简单的事件处理方式,是所有浏览器都兼容的。

下面的示例使用onClick事件处理函数作为按钮元素的属性。用户单击按钮就调用movePosition()函数。

<input type="button" value="move text" onClick=“movePosition()”/>

 但是,使用这类处理函数违反了标记/行为展现/Javascript分离的层次分离原则。为了解决这个问题,我们可以在Javascript代码中处理事件。

所有被用作事件处理函数的HTML属性都可作为DOM属性使用。

//文档的HTML部分:
<input type="button" id="button1"/>
//JavaScript脚本中:
var b1=document.getElementById("button1");
b1.onclick=init;
function init(){
}

 

posted @ 2013-12-03 09:52  StonySven  阅读(258)  评论(0)    收藏  举报