JavaScript快速上手之5:事件
2016-11-08 12:48
197 查看
1.目的:了解事件的呼叫方法
2.代码:
3.结果:
2.代码:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JavaScript</title> </head> <body> <!-- 以下是常见的HTML事件: 1.onchange:HTML 元素改变 2.onclick:用户点击 HTML 元素 3.onmouseover:用户在一个HTML元素上移动鼠标 4.onmouseout:用户从一个HTML元素上移开鼠标 5.onkeydown:用户按下键盘按键 6.onload:浏览器已完成页面的加载 --> <p>点击按钮执行 <em>displayDate()</em> 函数.(显示目前时间)</p> <button onclick="fun1()">点这里</button> <p id="demo1"></p> <script> function fun1(){ document.getElementById("demo1").innerHTML=Date(); } </script> </body> </html>
3.结果:
相关文章推荐
- JavaScript快速上手之8:for 循环
- JavaScript日记——es6语法快速上手
- JavaScript快速上手之9:while循环
- JavaScript快速上手之1:语法
- JavaScript快速上手——基础篇
- JavaScript快速上手之2:变量
- JavaScript快速上手之3:对象
- JavaScript快速上手之4:函数与作用域
- JavaScript快速上手之11:表单验证
- JavaScript快速上手之6:比较和逻辑运算符
- 高性能JavaScript模板引擎-artTemplate快速上手
- 带你快速理解javascript中的事件模型
- C#中的委托和事件 快速上手
- JavaScript快速上手之12:JSON
- Javascript闭包函数快速上手
- javascript快速入门17--事件
- Javascript闭包函数快速上手
- JavaScript快速上手之7:条件语句
- 快速上手seajs——简单易用Seajs
- Centos6.5使用yum安装mysql——快速上手必备