diff --git a/03-JavaScript基础/09-事件.md b/03-JavaScript基础/09-事件.md
new file mode 100644
index 0000000..5731e1c
--- /dev/null
+++ b/03-JavaScript基础/09-事件.md
@@ -0,0 +1,144 @@
+
+
+## 绑定事件的两种方式
+
+我们在上一篇文章中已经讲过事件的概念。这里讲一下注册事件的两种方式，我们以onclick事件为例。
+
+
+### 方式一：onclick
+
+举例：
+
+```html
+
+
+
+
+
+```
+
+点击按钮后，上方代码的打印结果：
+
+
+```html
+事件2
+```
+
+我们可以看到，这种绑定事件的方式，会层叠掉之前的事件。
+
+
+### 方式二：addEventListener
+
+addEventListener()里的参数：
+
+- 参数1：事件名(不带on)
+
+- 参数2：事件名(执行函数)
+
+- 参数3：事件名(捕获或者冒泡)
+
+
+举例：
+
+```html
+
+
+
+
+```
+
+
+点击按钮后，上方代码的打印结果：
+
+
+```html
+事件1
+事件2
+```
+
+我们可以看到，这种绑定事件的方式，不会层叠掉之前的事件。
+
+
+
+
+
+```html
+
+```
+
+
+
+
+
+```html
+
+```
+
+
+
+
+
+```html
+
+```
+
+
+
+
+
+```html
+
+```
+
+
+
+
+
+```html
+
+```
+
+
+
+
+
+```html
+
+```
+
+
+
+
+
+```html
+
+```
+
diff --git a/04-前端基础练习/07-DOM操作练习：innerHTML的方式创建元素.md b/04-前端基础练习/07-DOM操作练习：innerHTML的方式创建元素.md
index 891f302..2dd366f 100644
--- a/04-前端基础练习/07-DOM操作练习：innerHTML的方式创建元素.md
+++ b/04-前端基础练习/07-DOM操作练习：innerHTML的方式创建元素.md
@@ -42,7 +42,7 @@ document.write();
效果如下：
-20180129_1908.png
+
**方式二：**innerHTML
@@ -77,7 +77,7 @@ document.write();
效果如下：
-20180129_2017.png
+
@@ -109,7 +109,9 @@ document.write();
现在要做下面这样一个页面：
-20180129_2151.png
+
+
+
上图的意思是，每次刷新页面，都从服务器获取最新的在线人数的名单（我们先用本地的数组来模拟服务器上的数据）。
@@ -334,12 +336,17 @@ document.write();