事件驅動及事件處理

使用對象屬性來調用事件處理程序,方式一html

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>使用標記事件屬性來調用事件處理程序</title>
</head>

<body onLoad="alert('使用事件屬性來調用事件處理程序')">
</body>
</html>

運行結果:網站

 

 使用對象屬性來調用事件處理程序,方式二this

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>使用標記事件屬性來調用事件處理程序</title>
    <script>
        document.onload=alert("使用標記事件屬性來調用事件處理程序");
    </script>
</head>

<body>
</body>
</html>

運行結果:spa

 

 事件處理綜合示例code

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

 

運行結果:htm

相關文章
相關標籤/搜索