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(){ }