Javascriptの基本チュートリアルのイベントモデル
インライン モデル
インライン モデルとは:
このモデルは、時(shí)間を処理するための伝統(tǒng)的で最も簡(jiǎn)単な方法です。イベント処理関數(shù)は、指定されたイベントを処理するために使用されます
初期の頃はもっと使われていましたが、HTML コードと混合されており、HTML コードから分離されていませんでした
次のコード:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>事件</title>
</head>
<body>
<input type="button" value="按鈕" onclick="alert('lee')">
</body>
</html>上記のコードは、クリック イベントである最も初期のインライン モデル onclick です
イベントセンチメートル用のコードがたくさんある場(chǎng)合は、別の方法を使用してコードを記述する必要があります。コードは次のとおりです:
<!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ù)本體に多くのコードを記述することができます
スクリプトモデル
スクリプトモデルとは
HTMLページでは、jsコードが書(shū)かれているのを見(jiàn)たくないので、jsコードを別のファイルに置きます
例を見(jiàn)てみましょう。
まず 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 を?qū)毪筏蓼筏?。demo.js のコードは次のとおりです:
window.onload = function(){
var sum = document.getElementsByTagName("input")[0];
sum.onclick= msg;
}
function msg(){
alert("php 中文網(wǎng)");
}
