웹사이트에 JavaScript를 추가하는 방법.
JavaScript를 인라인 요소 및 별도의 문서로 웹 사이트에 통합하는 방법을 다룰 것입니다.
HTML 문서에 JavaScript 추가.
웹사이트에 JavaScript를 인라인 요소로 추가하려는 경우 HTML 본문의 닫는 태그 바로 앞에 HTML 태그
<script>를 사용하여 추가할 수 있습니다. 이렇게 하면 필요한 곳에 JavaScript 코드가 적용됩니다. .h1 요소를 클릭하면 날짜가 표시되는 웹사이트를 구축해 보겠습니다.
웹사이트용 HTML 문서를 만들고 다음과 같이 h1 요소를 추가합니다.
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Today's Date</title>
</head>
<body>
</body>
</html>
<h1> Click here to view today's date</h1>
JavaScript 요소에 새 변수를 만들고 이름을
date 로 지정하겠습니다.이 변수를 JavaScript의 날짜 메서드에 할당합니다.
<script>
let date = new Date();
document.querySelector("h1").addEventListener("click", function (){
alert("Today's date is " + d )
});
</script>
날짜를 보기 위해 h1 요소를 클릭할 때마다 경고 상자가 트리거되고 아래와 같이 요일의 날짜가 경고됩니다.
별도의 Javascript 파일에서 JavaScript 추가
큰 JavaScript 파일은 여러 웹 페이지에서 사용될 때 프로젝트에 외부 파일로 추가하는 것이 가장 좋습니다. 별도의 JavaScript 파일은 인라인 스크립트보다 유지 관리하기 쉽기 때문에 JavaScript 파일을 프로젝트의 다른 구성 요소와 분리하는 것이 좋습니다.
외부 JavaScript 파일을 웹 사이트에 추가하려면 새 JavaScript 파일을 만들고 이름을 지정
script.js한 다음 프로젝트의 루트에 추가합니다.아래와 같이 HTML 문서 본문의 닫는 태그 바로 앞에 파일을 연결하여 HTML 문서에 JavaScript 파일을 추가합니다.
<script src="js/script.js"></script>
결론
위의 모든 단계를 수행한 후에는 편안하게 웹사이트에 JavaScript 파일을 추가할 수 있어야 합니다. 이제 코딩 여정을 계속할 수 있습니다.
건배.
Reference
이 문제에 관하여(웹사이트에 JavaScript를 추가하는 방법.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/aliyuadeniji/how-to-add-javascript-to-your-website-1ke7텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
