Hướng dẫn alert javascript chuyển trang
JavaScript sử dụng các hộp thoại để tương tác với người dùng. Các hộp thoại được tạo bằng cách sử dụng ba phương thức là:
Phương thức alert()Các phương thức write() và writeln() được dùng để hiển thị thông tin trên trang web, phương thức alert() cũng có tác dụng như vậy. alert() sẽ tạo một hộp thoại độc lập hiển thị ra ngoài trình duyệt nhằm mục đích thông báo hoặc cảnh báo cho người dùng. Hộp thoại được tạo ra từ alert() có một nút OK, khi nhấn thì hộp thoại sẽ được tắt và alert() không trả về giá trị. Lưu ý là các trình duyệt khác nhau thì có thể thể hiện sự xuất hiện của hộp thoại alert() khác nhau, nhưng tác dụng của nó thì không thay đổi đối với bất kỳ trình duyệt nào. Thông báo của hộp thoại là một chuỗi văn bản, cũng có thể là một biến hay một biểu thức hoặc giá trị trả về từ lời gọi hàm, nhưng nó không được chứa các thẻ HTML, tuy nhiên bạn có thể sử dụng các escape sequence như \n và \t. Cú pháp alert("String of plain text"); alert(expression); Ví dụ: alert("Phone number is incorrect"); var a=5, b=10; alert(a + " + " + b + " = " + (a+b)); Ví dụ thực tế 1:
Testing the alert method 1 2 document.write(""); document.write("It's a bird, "); 3 document.write("It's a plane, 4 alert("It's Superman!"); 5
Ví dụ thực tế 2:
1 2 alert("Welcome to\nJavaScript Programming!"); 3 var message1="Match your Quotes and "; 4 var message2="Beware of Little Bugs "; 5 alert(message1 + message2);
Hộp thoại ConfirmHộp thoại Confirm được dùng để yêu cầu người dùng xác nhận câu trả lời cho câu hỏi tương ứng. Hộp thoại này có hai nút là OK và Cancel, nếu người dùng nhấn nút OK thì hàm trả về true, còn nếu nhấn nút Cancel thì sẽ trả về false. Hàm này chỉ có một đối số là câu hỏi sẽ dùng để hỏi người dùng. Ví dụ:
document.clear // Clears the page 1 if(confirm("Are you really OK?") == true){ 2 alert("Then we can proceed!"); } else{ 3 alert("We'll try when you feel better? "); }
Hộp thoại PromptDo JavaScript không cung cấp phương thức nào để cho phép người dùng nhập liệu, nên ta có thể sử dụng hộp thoại Prompt bằng cách dùng hàm prompt(). Hộp thoại prompt sẽ xuất hiện kèm với một hộp textfield bên trong cho phép người dùng có thể nhập vào đó văn bản và prompt() sẽ trả về chính văn bản được nhập vào đó. Hộp thoại prompt có hai đối số, đối số thứ nhất là dòng nhắc, còn đối số thứ hai là giá trị khởi tạo mang tính chất gợi ý trong textfield, ta có thể bỏ qua gợi ý bằng cách đặt chuỗi rỗng. Nếu người dùng nhấn nút OK thì văn bản điền vào textfield sẽ được trả về, còn không thì sẽ trả về null. Cú pháp prompt(message); prompt(message, defaultText); Ví dụ: prompt("What is your name? ", ""); prompt("Where is your name? ", name); Ví dụ thực hiện:
1 var name=prompt("What is your name?", ""); 2 document.write(" + name + ". 3 var age=prompt("Tell me your age.", "Age"); 4 if ( age == null){ // If user presses the cancel button 5 alert("Not sharing your age with me"); 6 } else{ 7 alert(age + " is young"); } 8 alert(prompt("Where do you live? ", ""));
Bài tập1. Tìm điểm sai đối với hộp thoại alert sau: alert("Hello 2. Giá trị trả về của phương thức prompt là gì nếu người dùng không nhập gì cả? Giá trị trả về của prompt sẽ được lưu vào đâu? 3. Tạo một chương trình JavaScript để mời (prompt) người dùng nhập vào số điện thoại và sau đó yêu cầu người dùng xác nhận (confirm) nó. |