Thứ Tư, 12 tháng 2, 2014
JavaScript Popup Boxes
JavaScript có ba loại hộp popup như: hộp báo, hộp Xác nhận, và hộp Prompt.
Hộp cảnh báo
Một hộp cảnh báo thường được sử dụng nếu bạn muốn chắc chắn rằng thông tin đến cho người sử dụng thông qua.
Khi một hộp cảnh báo xuất hiện, người dùng sẽ phải bấm vào nút "OK" để tiến hành.
Cú pháp
window.alert("sometext");
Các window.alert phương pháp có thể được viết không có tiền tố cửa sổ.
Ví dụ
<!DOCTYPE html>
<html>
<body>
<p>Click the button to display an alert box.</p>
<button onclick="myFunction()">Try it</button>
<script>
function myFunction()
{
alert("I am an alert box!");
}
</script>
</body>
</html>
Thử nó cho mình »
Xác nhận Box
Một hộp xác nhận thường được sử dụng nếu bạn muốn sử dụng để xác minh hoặc chấp nhận một cái gì đó.
Khi một hộp xác nhận hiện ra, người dùng sẽ phải bấm vào một trong hai "OK" hoặc "Hủy" để tiến hành.
Nếu người dùng nhấp "OK", hộp trả về true. Nếu người dùng nhấp "Cancel", hộp trả về false.
Cú pháp
window.confirm("sometext");
Các window.confirm () phương pháp có thể được viết không có tiền tố cửa sổ.
Ví dụ
<!DOCTYPE html>
<html>
<body>
<p>Click the button to display a confirm box.</p>
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
<script>
function myFunction()
{
var x;
var r=confirm("Press a button!");
if (r==true)
{
x="You pressed OK!";
}
else
{
x="You pressed Cancel!";
}
document.getElementById("demo").innerHTML=x;
}
</script>
</body>
</html>
Thử nó cho mình »
Hộp dấu nhắc
Một hộp nhắc thường được sử dụng nếu bạn muốn người dùng nhập vào một giá trị trước khi vào một trang.
Khi một hộp nhắc bật lên, người dùng sẽ phải bấm vào một trong hai "OK" hoặc "Hủy" để tiến hành sau khi nhập một giá trị đầu vào.
Nếu người dùng nhấp "OK" hộp trả về giá trị đầu vào. Nếu người dùng nhấp chuột "Hủy bỏ" hộp trả về null.
Cú pháp
window.prompt("sometext","defaultText");
Các window.prompt () phương pháp có thể được viết không có tiền tố cửa sổ.
Ví dụ
<!DOCTYPE html>
<html>
<body>
<p>Click the button to demonstrate the prompt box.</p>
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
<script>
function myFunction()
{
var x;
var person=prompt("Please enter your name","Harry Potter");
if (person!=null)
{
x="Hello " + person + "! How are you today?";
document.getElementById("demo").innerHTML=x;
}
}
</script>
</body>
</html>
Thử nó cho mình »
Dòng Breaks
Để hiển thị ngắt dòng bên trong một hộp popup, sử dụng một back-slash tiếp theo là nhân vật n.
Ví dụ
<!DOCTYPE html>
<html>
<body>
<p>Click the button to demonstrate line-breaks in a popup box.</p>
<button onclick="myFunction()">Try it</button>
<script>
function myFunction()
{
alert("Hello\nHow are you?");
}
</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