事件驱动及事件处理

2022-10-14,

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

<!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>

 

运行结果:

《事件驱动及事件处理.doc》

下载本文的Word格式文档,以方便收藏与打印。