Thứ Ba, 21 tháng 1, 2014
JavaScript Điều kiện
Báo cáo có điều kiện được sử dụng để thực hiện hành động khác nhau dựa trên các điều kiện khác nhau.
Báo cáo có điều kiện
Rất thường khi bạn viết mã, bạn muốn thực hiện các hành động khác nhau cho các quyết định khác nhau. Bạn có thể sử dụng câu lệnh điều kiện trong mã của bạn để làm điều này.
Trong JavaScript chúng ta có các báo cáo có điều kiện sau đây:
- nếu tuyên bố - sử dụng báo cáo này để thực hiện một số mã chỉ khi một điều kiện được chỉ định là đúng
- nếu ... khác tuyên bố - sử dụng báo cáo này để thực hiện một số mã nếu điều kiện là đúng và mã khác nếu điều kiện là sai
- nếu ... nếu người nào khác .... khác tuyên bố - sử dụng báo cáo này để lựa chọn một trong nhiều khối mã sẽ được thực thi
- chuyển đổi tuyên bố - sử dụng báo cáo này để lựa chọn một trong nhiều khối mã sẽ được thực thi
Nếu Trữ
Sử dụng câu lệnh if để thực hiện một số mã chỉ khi một điều kiện được chỉ định là đúng.
Cú pháp
if (condition)
{
code to be executed if condition is true
}
{
code to be executed if condition is true
}
Lưu ý rằng nếu được viết bằng chữ thường. Sử dụng chữ hoa (IF) sẽ tạo ra một lỗi JavaScript!
Ví dụ
Thực hiện một "ngày tốt" chào nếu thời gian ít hơn 20:00:
if (time<20)
{
x="Good day";
}
{
x="Good day";
}
Kết quả của x sẽ là:
Good day
copy mã dưới và xem thử:
<!DOCTYPE html>
<html>
<body>
<p>Click the button to get a "Good day" greeting if the time is less than 20:00.</p>
<button onclick="myFunction()">Try it</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>
Thử nó cho mình »
Chú ý rằng không có .. khác .. trong cú pháp này. Bạn cho trình duyệt để thực hiện một số mã chỉ khi điều kiện quy định là đúng .
If ... else Trữ
Sử dụng nếu .... khác tuyên bố để thực hiện một số mã nếu một điều kiện là đúng sự thật và một mã số nếu điều kiện là không đúng sự thật.
Cú pháp
if (condition)
{
code to be executed if condition is true
}
else
{
code to be executed if condition is not true
}
{
code to be executed if condition is true
}
else
{
code to be executed if condition is not true
}
Ví dụ
Nếu thời gian ít hơn 20:00, bạn sẽ nhận được một "ngày tốt" chúc mừng, nếu không bạn sẽ nhận được một "Chào buổi tối" lời chào
if (time<20)
{
x="Good day";
}
else
{
x="Good evening";
}
{
x="Good day";
}
else
{
x="Good evening";
}
Kết quả của x sẽ là:
Good day
copy mã dưới và xem thử:
<!DOCTYPE html>
<html>
<body>
<p>Click the button to get a time-based greeting.</p>
<button onclick="myFunction()">Try it</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>
Thử nó cho mình »
If ... else if ... else Trữ
Sử dụng nếu .... nếu người nào khác ... khác tuyên bố để lựa chọn một trong nhiều khối mã sẽ được thực thi.
Cú pháp
if (condition1)
{
code to be executed if condition1 is true
}
else if (condition2)
{
code to be executed if condition2 is true
}
else
{
code to be executed if neither condition1 nor condition2 is true
}
{
code to be executed if condition1 is true
}
else if (condition2)
{
code to be executed if condition2 is true
}
else
{
code to be executed if neither condition1 nor condition2 is true
}
Ví dụ
Nếu thời gian ít hơn 10:00, bạn sẽ nhận được một "Chào buổi sáng" chúc mừng, nếu không, nhưng thời gian ít hơn 20:00, bạn sẽ nhận được một "ngày tốt" chúc mừng, nếu không bạn sẽ nhận được một "Good buổi tối "lời chào:
if (time<10)
{
x="Good morning";
}
else if (time<20)
{
x="Good day";
}
else
{
x="Good evening";
}
{
x="Good morning";
}
else if (time<20)
{
x="Good day";
}
else
{
x="Good evening";
}
Kết quả của x sẽ là:
Good day
copy mã dưới và xem thử:
<!DOCTYPE html>
<html>
<body>
<p>Click the button to get a time-based greeting.</p>
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
<script>
function myFunction()
{
var x="";
var time=new Date().getHours();
if (time<10)
{
x="Good morning";
}
else if (time<20)
{
x="Good day";
}
else
{
x="Good evening";
}
document.getElementById("demo").innerHTML=x;
}
</script>
</body>
</html>
Thử nó cho mình »
Đăng ký:
Đăng Nhận xét (Atom)
Không có nhận xét nào:
Đăng nhận xét