자바스크립트 사용법

HTML에서 JavaScript를 사용하려면 다음과 같이 <script></script> 태그를 사용하고 유형 속성 값을 정의해야 합니다. 이전 경고 팝업 프롬프트 상자의 예:

보통 별도의 JavaScript 코드 의미가 없습니다. JavaScript 코드는 일반적으로 HTML 코드와 함께 사용됩니다. JavaScript는 원래 HTML의 단점을 보완하기 위해 만들어졌기 때문입니다.

JavaScript 코드는 웹 페이지 어디에나 직접 삽입할 수 있지만 일반적으로 JavaScript 코드는 <head>에 넣습니다.

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
    <script type="text/javascript">
    alert("我是提示文字！");
    </script>
</head>
<body>
    <div>图片及文字内容</div>
</body>
</html>

JavaScript 함수를 <에 넣을 수도 있습니다. HTML 페이지 ;body> 부분:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>
    <script type="text/javascript">
    alert("我是提示文字！");
    </script>
    <div>图片及文字内容</div>
</body>
</html>

JavaScript 코드를 별도의 .js 파일에 넣은 다음 <script src="..."></script>를 통해 이 파일을 HTML로 도입할 수도 있습니다. ;

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
 <script src="/static/js/abc.js"></script>
</head>
<body>
  <div>图片及文字内容</div>
</body>
</html>

JavaScript 함수 및 이벤트

사용자가 버튼을 클릭하는 경우와 같이 이벤트가 발생할 때 코드를 실행해야 하는 경우가 많습니다.

함수에 JavaScript 코드를 넣으면 이벤트가 발생할 때 함수를 호출할 수 있습니다.

나중 장에서 JavaScript 함수와 이벤트에 대해 더 자세히 배우게 됩니다.

지속적인 학습

새로운 파일

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <p>获取当前时间</p> <script> document.write(Date()); </script> </body> </html>

제출하다 코드 재설정

자동운전