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à:

  • alert()
  • prompt()
  • confirm()

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:

   

    Dialog Box

   

        Testing the alert method

1      

5      

   

   

Ví dụ thực tế 2:

   

   

    Using JavaScript alert box

1  

       

   

   

Hộp thoại Prompt

Do 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:

   

   

    Using the JavaScript prompt box

   

   

       

   

   

Bài tập

1. Tìm điểm sai đối với hộp thoại alert sau:

alert("Hello
", "world!
");

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ó.