事件驱动及事件处理_莺呼_前端开发者

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

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

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

<!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>
    <script>
        document.onload=alert("使用标记事件属性来调用事件处理程序");
    </script>
</head>

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

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

 

运行结果:

» 本文来自:前端开发者 » 《事件驱动及事件处理_莺呼_前端开发者》
» 本文链接地址:https://www.rokub.com/73775.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 抢沙发

评论前必须登录!