用js原生方法封装跨浏览器注册事件的方法系列一（事件入门）

前言：

        本人是一个有着三年开发经验的前端开发人员，开始是android，现在是html5，在自学js的过程中发现前端最恶心的事情之一就是各种浏览器的兼容问题，本人自学js过程中主要参考的是李彦恢老师的js基础教程，但是在现代开发过程中，各种框架横行，使用原生js的地方实在太少，但是由于爱钻牛角尖，所以喜欢学js最基础的东西，毕竟基础功底还是很重要的，本文是我的第一篇学习博客，有不足之处，敬请谅解！

正文开始：

    javascript事件主要三种模型：内联模型，脚本模型，DOM2模型，

1.内联模型：

    内联模型其实就是大家写demo时最常用的一种事件绑定方法，从肉眼上很好区分，其最明显的特征就是js事件直接卸载html标签当中，主要有一下两种常见写法：

    第一种是直接在双引号里面写方法体，第二种是直接在html标签种绑定js函数；但是这两种写法违反了Html与javascipt代码层次分离的原则。所以在做生产项目时，不建议使用，但是自己写demo的时候用起来还是比较方便的。