자바스크립트 조건문
조건문은 다양한 조건에 따라 다양한 작업을 수행하는 데 사용됩니다.
조건문
일반적으로 코드를 작성할 때 항상 다른 결정에 대해 다른 작업을 수행해야 합니다. 코드에서 조건문을 사용하여 이 작업을 수행할 수 있습니다.
JavaScript에서는 다음 조건문을 사용할 수 있습니다.
if 문 - 지정된 조건이 true인 경우에만 이 문을 사용합니다. code
if...else 문 - 조건이 참일 때 코드 실행, 조건이 거짓일 때 다른 코드 실행
if...else if....else 문 - 실행할 여러 코드 블록 중 하나를 선택하려면 이 문을 사용하세요.
switch 문 - 지정된 조건이 true인 경우에만
If 문
을 실행할 여러 코드 블록 중 하나를 선택하려면 이 문을 사용하세요. , 명령문은 코드를 실행합니다.
구문
{
조건이 참일 때 실행되는 코드
}
인 경우 소문자를 사용하세요. 대문자(IF)를 사용하면 JavaScript 오류가 발생합니다!
인스턴스
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<p>如果时间早于 20:00，会获得问候 "Good day"。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction(){
var x="";
var time=new Date().getHours();
if (time<20){
x="Good day";
}
document.getElementById("demo").innerHTML=x;
}
</script>
</body>
</html>인스턴스 실행»
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요
If...else 문
조건이 true인 경우 코드를 실행하고 조건이 false인 경우 다른 코드를 실행하려면 if....else 문을 사용하세요.
구문
{
조건이 참일 때 실행되는 코드
}
그밖에
{
조건이 참이 아닐 때 실행되는 코드
}
인스턴스
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<p>点击这个按钮，获得基于时间的问候。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction(){
var x="";
var time=new Date().getHours();
if (time<20){
x="Good day";
}
else{
x="Good evening";
}
document.getElementById("demo").innerHTML=x;
}
</script>
</body>
</html>인스턴스 실행»
"인스턴스 실행" 버튼을 클릭하여 온라인 보기 인스턴스
If...else if...else 문
if....else if...else 문을 사용하여 여러 블록 중 하나를 선택합니다. 실행할 코드입니다.
구문
{
조건 1이 true일 때 실행되는 코드
}
else if (조건2)
{
조건 2가 true일 때 실행되는 코드
}
그밖에
{
조건 1과 조건 2 모두 참이 아닐 때 실행되는 코드
}
인스턴스
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<script type="text/javascript">
var d = new Date();
var time = d.getHours();
if (time<10)
{
document.write("<b>早上好</b>");
}
else if (time>=10 && time<16)
{
document.write("<b>今天好</b>");
}
else
{
document.write("<b>Hello World!</b>");
}
</script>
<p>
这个例子演示了 if..else if...else 语句。
</p>
</body>
</html>인스턴스 실행»
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요
더 많은 인스턴스
임의 링크
이 예는 클릭 시 다른 위치로 이동하는 링크를 보여줍니다. 각 기회는 50% 확률입니다.
인스턴스
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<p id="demo"></p>
<script>
var r=Math.random();
var x=document.getElementById("demo")
if (r>0.5){
x.innerHTML="<a href='http://w3cschool.cc'>Visit w3cschool</a>";
}
else{
x.innerHTML="<a href='http://wwf.org'>Visit WWF</a>";
}
</script>
</body>
</html>인스턴스 실행»
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요
