事件驱动及事件处理

隐身守侯 提交于 2019-12-01 19:40:44

使用对象属性来调用事件处理程序,方式一

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>使用标记事件属性来调用事件处理程序</title>
</head>

<body onLoad="alert('使用事件属性来调用事件处理程序')">
</body>
</html>

运行结果:

 

 使用对象属性来调用事件处理程序,方式二

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>使用标记事件属性来调用事件处理程序</title>
    <script>
        document.onload=alert("使用标记事件属性来调用事件处理程序");
    </script>
</head>

<body>
</body>
</html>

运行结果:

 

 事件处理综合示例

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>事件处理综合示例</title>
</head>

<body>
    <font style="cursor:hand;" onclick="location='http://www.sina.com.cn'" onmouseover="status='新浪首页网站'; this.color='red'" onmouseout="status='';this.color='blue'">新浪首页网址</font>
</body>
</html>

 

运行结果:

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!