자바스크립트란?
JavaScript는 웹용 프로그래밍 언어 입니다.
JavaScript는 HTML 과 CSS 를 모두 업데이트하고 변경할 수 있습니다 .
JavaScript는 데이터를 계산 , 조작 및 검증 할 수 있습니다 .
JavaScript 빠른 시작 자습서
이 튜토리얼에서는 가장 중요한 JavaScript 데이터 유형을 간략하게 살펴봅니다.
JavaScript 변수는 다음과 같을 수 있습니다.
- 번호
- 문자열
- 사물
- 배열
- 기능
자바스크립트 변수
JavaScript 변수는 데이터 값을 저장하기 위한 컨테이너입니다.
이 예에서 x, y 및 z는 변수입니다.
예시
var x = 5;
var y = 6;
var z = x + y;
위의 예에서 다음을 기대할 수 있습니다.
- x는 값 5를 저장합니다.
- y는 값 6을 저장합니다.
- z는 값 11을 저장합니다.
자바스크립트 숫자
JavaScript에는 한 가지 유형 의 숫자만 있습니다. 숫자는 소수를 포함하거나 포함하지 않고 쓸 수 있습니다.
예시
var x = 3.14; // A number with decimals
var y = 3; // A number without decimals
모든 숫자는 배정밀도 부동 소수점 숫자로 저장됩니다.
최대 소수 자릿수는 17이지만 부동 소수점이 항상 100% 정확한 것은 아닙니다.
예시
var x = 0.2 + 0.1; // x will be 0.30000000000000004
자바스크립트 문자열
문자열 은 텍스트를 저장합니다 . 문자열은 따옴표 안에 기록됩니다. 작은 따옴표 나 큰 따옴표 를 사용할 수 있습니다 .
예시
var carname = "Volvo XC60";
// Double quotes
var carname = 'Volvo XC60'; // Single quotes
문자열의 길이는 내장 속성 length 에서 찾을 수 있습니다 .
예시
var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var sln = txt.length;
자바스크립트 객체
JavaScript 변수가 데이터 값의 컨테이너라는 것을 이미 배웠습니다.
이 코드 는 car라는 변수 에 간단한 값 (Fiat)을 할당합니다 .
var car = "Fiat";
객체도 변수입니다. 그러나 개체에는 많은 값이 포함될 수 있습니다.
이 코드 는 car라는 변수 에 많은 값 (Fiat, 500, 흰색)을 할당합니다 .
var car = {type:"Fiat", model:"500", color:"white"};
자바스크립트 배열
JavaScript 배열은 단일 변수에 여러 값을 저장하는 데 사용됩니다.
예시
var cars = ["Saab", "Volvo", "BMW"];
자바스크립트 함수
JavaScript 함수는 특정 작업을 수행하도록 설계된 코드 블록입니다.
JavaScript 함수는 "무언가"가 이를 호출(호출)할 때 실행됩니다.
예시
function myFunction(p1, p2) {
return p1 * p2;
// The function returns the product of p1 and p2
}
JavaScript는 무엇을 할 수 있습니까?
이 섹션에는 JavaScript가 수행할 수 있는 몇 가지 예가 포함되어 있습니다.
- JavaScript는 HTML 콘텐츠를 변경할 수 있습니다
- JavaScript는 HTML 속성 값을 변경할 수 있습니다
- JavaScript는 HTML 스타일(CSS)을 변경할 수 있습니다.
- JavaScript는 HTML 요소를 숨길 수 있습니다
- JavaScript는 HTML 요소를 표시할 수 있습니다
JavaScript는 HTML 콘텐츠를 변경할 수 있습니다
많은 JavaScript HTML 메소드 중 하나는 getElementById() 입니다.
이 예제에서는 메서드를 사용하여 HTML 요소(id="demo" 포함)를 "찾고" 요소 콘텐츠( innerHTML )를 "Hello JavaScript"로 변경합니다.
예시
document.getElementById("demo").innerHTML = "Hello JavaScript";
JavaScript는 HTML 속성 값을 변경할 수 있습니다
이 예제에서 JavaScript는 <img> 태그의 src(source) 속성 값을 변경합니다.
전구
JavaScript는 HTML 스타일(CSS)을 변경할 수 있습니다.
HTML 요소의 스타일 변경은 HTML 속성 변경의 변형입니다.
예시
document.getElementById("demo").style.fontSize = "35px";
or
document.getElementById('demo').style.fontSize = '35px';
JavaScript는 HTML 요소를 숨길 수 있습니다
표시 스타일을 변경하여 HTML 요소를 숨길 수 있습니다.
예시
document.getElementById("demo").style.display = "none";
or
document.getElementById('demo').style.display = 'none';
JavaScript는 HTML 요소를 표시할 수 있습니다
표시 스타일을 변경하여 숨겨진 HTML 요소를 표시할 수도 있습니다.
예시
document.getElementById("demo").style.display = "block";
or
document.getElementById('demo').style.display =
'block';
전체 자바스크립트 튜토리얼
이것은 JavaScript에 대한 간단한 설명이었습니다.
전체 JavaScript 자습서를 보려면 W3Schools JavaScript Tutorial 로 이동하십시오 .
전체 JavaScript 참조를 보려면 W3Schools JavaScript 참조로 이동하십시오 .