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