일단 소프트웨어를 설치하면 JavaScript 코드 작성을 시작할 수 있습니다. JavaScript 코드를 HTML 문서에 추가하려면 텍스트 / HTML 편집기로 HTML 파일을 만들거나 열어야합니다. 기본 HTML 파일에는 docType과 및 같은 일부 기본 HTML 태그가 있습니다. 예를 들어, 기본 HTML 5 문서는 아래에 표시된 것과 같을 수 있습니다.
JavaScript 테스트 [내용은 여기에 있습니다]
웹에서 JavaScript 코드를 볼 때 태그 사이에 일부 JavaScript 코드가 표시되는 경우가 있습니다. 또는 태그 (또는 두 위치 모두)에서이를 볼 수 있습니다. 자바 스크립트 코드와 HTML 코드를 구분하려면 태그 세트 안에 태그를 넣어야합니다. 시작 태그에는 하나의 필수 속성과 하나의 선택적 속성이 있습니다. 필수 속성은 type 속성이고 선택적 속성은 src입니다 (이 대답의 뒷부분에서 다루는 외부 스크립트 파일을 가리킬 수 있습니다). type 속성의 값은 아래와 같이 text / javascript로 설정됩니다.
자바 스크립트 코드가 여기에 있습니다.
보시다시피 JavaScript 코드는 여는 스크립트 태그와 닫는 스크립트 태그 사이에 배치됩니다. 예제 스크립트로 아래 코드와 같이 웹 페이지에 간단한 텍스트 문자열을 직접 쓸 수 있습니다 (this와 and 태그 사이에 넣으십시오).
document.write ( "JavaScript 코드를 사용하여 작성된 텍스트!");
위의 예제에서 표준 JavaScript 함수는 페이지의 인용 부호 사이에 텍스트를 표시합니다. 아래 예와 같습니다.
페이지에 JavaScript를 포함시키는 또 다른 옵션은 외부 텍스트 파일에 스크립트를 작성하고 .js 확장자 (JavaScript 파일로 작성)로 저장하는 것입니다. .js 파일은 여는 script 태그의 src 속성을 사용하여 페이지에 포함됩니다. 따라서 위의 스크립트를 외부 파일에 배치하여 스크립트를 사용하려면 스크립트 태그가없는 JavaScript 코드를 다음과 같이 새 텍스트 파일에 넣습니다.
document.write ( "JavaScript 코드를 사용하여 작성된 텍스트!");
그런 다음 .js 확장명으로 파일을 저장합니다. 예를 들어, write.js 로 저장할 수 있습니다. 파일이 저장되면 write.js와 같이 여는 스크립트 태그의 src 속성을 통해 HTML 코드에서 파일을 호출 할 수 있습니다.
위의 절차는 스크립트 태그 사이에 코드를 작성하는 것과 동일한 효과가 있지만 HTML 코드를 자바 스크립트 코드로 복잡하게 만들지는 않습니다 (때로는 꽤 길어질 수 있음). 이 방법의 또 다른 이점은 동일한 스크립트가 여러 페이지에 포함될 수 있으며 스크립트 파일을 편집하면 외부 스크립트 파일을 사용하는 모든 페이지에서 스크립트가 업데이트된다는 것입니다. 이렇게하면 스크립트가 포함 된 각 페이지에서 스크립트 태그 내의 코드를 편집하는 대신 한 곳에서 스크립트를 편집하는 것이 훨씬 쉬워집니다.
이제 웹 페이지에 JavaScript 코드를 추가하는 방법을 알았으므로 원하는 수의 JavaScript 예제 스크립트를 사용하거나 JavaScript 자습서 나 책을 따라 JavaScript 코딩에 대해 자세히 배울 수 있습니다.