Javascript 基礎教程之事件模型
內聯(lián)模型
什么是內聯(lián)模型：
這種模型是傳統(tǒng)的最簡單的一種處理時間的方法，事件處理函數(shù)是HTML的一個屬性，用于處理指定的事件
內聯(lián)在早期是使用比較多的，但是它和HTML 代碼混合在一起，并沒有與HTML 代碼分離
如下代碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>事件</title>
</head>
<body>
<input type="button" value="按鈕" onclick="alert('lee')">
</body>
</html>以上代碼就是最早期的內聯(lián)模型 onclick 是一個點擊事件
如果事件厘米的代碼會很多，那么我們就要使用另外一種方式來寫，代碼如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>事件</title>
</head>
<body>
<input type="button" value="按鈕" onclick="msg()">
<script type="text/javascript">
function msg(){
alert("歡迎來到php中文網(wǎng)學習");
}
</script>
</body>
</html>這樣我們的函數(shù)體內就可以寫很多的代碼了
腳本模型
什么是腳本模型
在HTML 頁面，我們不要看見寫js代碼，js 的代碼，我們是放另外一個文件中的
下面來看一個實例
首先我們寫一個html 的代碼，代碼如下：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>事件</title> <script type="text/javascript" src="demo.js"></script> </head> <body> <input type="button" value="按鈕"> </body> </html>
上述代碼我們引入了一個js文件，demo.js ， demo.js的代碼如下：
window.onload = function(){
var sum = document.getElementsByTagName("input")[0];
sum.onclick= msg;
}
function msg(){
alert("php 中文網(wǎng)");
}
