您的位置:首页 > Web前端 > JavaScript

JavaScript快速上手之5:事件

2016-11-08 12:48 197 查看
1.目的:了解事件的呼叫方法

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.结果:

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: