Javascript 基礎教學之事件模型
內聯模型
什麼是內聯模型：
這種模型是傳統的最簡單的一種處理時間的方法，事件處理函數是HTML的一個屬性，用於處理指定的事件
內聯在早期是使用比較多的，但是它和HTML 程式碼混合在一起，並沒有與HTML 程式碼分離
如下程式碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>事件</title>
</head>
<body>
<input type="button" value="按钮" onclick="alert('lee')">
</body>
</html>以上程式碼就是最早期的內聯模型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中文网学习");
}
</script>
</body>
</html>這樣我們的函數體內就可以寫很多的程式碼了
腳本模型
什麼是腳本模型
#在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 中文网");
}
