Javascript 기본 튜토리얼 이벤트 모델

인라인 모델

인라인 모델이란 무엇입니까?

이 모델은 전통적이고 가장 간단한 A 방법입니다. 이벤트 처리 기능은 HTML의 속성으로 특정 이벤트를 처리하는 데 사용됩니다.

초기에는 인라인을 더 많이 사용했지만 HTML 코드와 혼합되어 작동하지 않았습니다. code

다음 코드:

<!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 파일을 도입했습니다.

아아아아

지속적인 학습

새로운 파일

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>事件</title> </head> <body> <input type="button" value="按钮" onclick="alert('欢迎学习js事件')"> </body> </html>

제출하다 코드 재설정

자동운전