Đại Cương Về Thiết Kế Web Và Lập Trình Web- P10 pps

5 326 0
Đại Cương Về Thiết Kế Web Và Lập Trình Web- P10 pps

Đang tải... (xem toàn văn)

Thông tin tài liệu

http://www.ebook.edu.vn 46 Nếu điều kiện đúng thì trả về giá trị 1 Nếu điều kiện sai thì trả về giá trị 2 Ví dụ: (day=Saturday) ? Weekend : Not Saturday e. Toán tử chuỗi: Welcome to + Web Design Ví dụ: Var welcome=Welcome to welcome += Web Design => welcome = Welcome to Web Design Ví dụ : Sử dụng toán tử điều kiện để kiểm tra đầu vào <HTML> <HEAD> <TITLE>Example</TITLE> </HEAD> <BODY> <SCRIPT LANGUAGE="Javascript"> var question="What is 10+10 ?"; var answer=20; var correct='<IMG SRC="correct.gif">'; var incorrect='<IMG SRC="incorect.gif">'; var response=prompt(question,"0"); var output = (response==answer) ? correct:incorrect; </SCRIPT> </HEAD> <BODY> <SCRIPT LANGUAGE="Javascript"> <! document.write(output); - -> </SCRIPT> </BODY> </HTML> 3.1.6 Cấu trúc điều kiện if else Cú pháp: if điều kiện lệnh ; hoặc if điều kiện { Mã JavaScript } http://www.ebook.edu.vn 47 VÝ dô: If (day==“Saturday”) { document.writeln(“It‘s the weekend”); } If (day!=“Saturday”) { document.writeln(“It‘s not Saturday”); } Sö dông cÊu tróc else – if cho vÝ dô ë trªn If (day==“Saturday”) { document.writeln(“It‘s the weekend”); } else { document.writeln(“It‘s not Saturday”); } CÊu tróc kÕt hîp c¸c lÖnh if lång nhau: if ®iÒu kiÖn 1 { C¸c lÖnh JavaScript if ®iÒu kiÖn 2 { C¸c lÖnh JavaScript } else { C¸c lÖnh kh¸c } C¸c lÖnh JavaScript } else { C¸c lÖnh kh¸c } VÝ dô 1 : Sö dông ph−¬ng ph¸p confirm() víi ph¸t biÓu if <HTML> <HEAD> <TITLE>Example</TITLE> <SCRIPT LANGUAGE="Javascript"> var question="What is 10+10 ?"; var answer=20; var correct='<IMG SRC="correct.gif">'; var incorrect='<IMG SRC="incorect.gif">'; var response=prompt(question,"0"); if (response != answer) { if (confirm("Wrong ! press OK for a second change")) response=prompt(question,"0"); } http://www.ebook.edu.vn 48 var output = (response ==answer ) ? correct:incorrect ; </SCRIPT> </HEAD> <BODY> <SCRIPT LANGUAGE="Javascript"> <! document.write(output); > </SCRIPT> </BODY> </HTML> VÝ dô 2 : Sö dông ph−¬ng ph¸p confirm() víi ph¸t biÓu if - else <HTML> <HEAD> <TITLE>Example</TITLE> <SCRIPT LANGUAGE="Javascript"> var question="What is 10+10 ?"; var answer=20; var correct='<IMG SRC="correct.gif">'; var incorrect='<IMG SRC="incorect.gif">'; var response=prompt(question,"0"); if (response != answer) { if (confirm("Wrong ! press OK for a second change")) response=prompt(question,"0"); }else { if (confirm("Correct ! press OK for a second question")) { question="What is 10*10"; answer=100; response=prompt(question,"0"); } } var output = (response ==answer ) ? correct:incorrect ; </SCRIPT> </HEAD> <BODY> <SCRIPT LANGUAGE="Javascript"> <! document.write(output); > </SCRIPT> http://www.ebook.edu.vn 49 </BODY> </HTML> 3.1.7 Hàm và dối tợng Trong kỹ thuật lập trình các lập trình viên thờng sử dụng hàm để thực hiện một đoạn chơng trình thể hiện cho một module nào đó để thực hiện một công việc nào đó. Trong Javascript có các hàm đợc xây dựng sẵn để giúp chúng ta thực hiện một chức năng nào đó ví dụ nh hàm alert(), document.write(), parseInt() và ta cũng có thể định nghĩa ra các hàm khác của mình để thực hiện một công việc nào đó của mình, để định nghĩa hàm chúng ta theo cú pháp sau: function function_name(parameters, arguments) { command block; } a. Truyền tham số: function printName(name) { document.write(<HR>Your Name is <B><I>); document.write(name); document.write(</B></I><HR>); } Ví dụ: Gọi hàm printName() với lệnh sau printName(Bob); Khi hàm printName() đợc thi hành giá trị của name là "Bob", nếu gọi hàm printName() với đối số là một biến var user = John; printName(user); Khi đó name là John. Nếu muốn thay đổi giá trị của name ta có thể làm nh sau : name = Mr. + name; b. Phạm vi của biến: Biến toàn cục (Global variable): có giá trị ảnh hởng trong toàn bộ chơng trình. Biến cục bộ (Local variable): chỉ có giá trị ảnh hởng trong phạm vi hàm, đoạn mã chứa nó. c. Trả về các giá trị: Ví dụ: Dùng return để trả về giá trị của biến. function cube(number) { var cube = number * number * number; return cube; } Ví dụ: <HTML> http://www.ebook.edu.vn 50 <HEAD> <TITLE>Example</TITLE> <SCRIPT LANGUAGE=JavaScript> <! HIDE FROM OTHER BROWSERS //DEFINE FUNCTION testQuestion() function testQuestion(question) { //DEFINE LOCAL VARIABLES FOR THE FUNCTION var answer=eval(question); var output= What is + question + ?; var correct=<IMG SRC=correct.gif>; var incorrect=<IMG SRC=incorrect.gif>; //ASK THE QUESTION var response=prompt(output,0); //CHECK THE RESULT return (response == answer) ? correct : incorrect; } // STOP HIDING FROM OTHER BROWSERS > </SCRIPT> </HEAD> <BODY> <SCRIPT LANGUAGE= JavaScript> <! HIDE FROM OTHER BROWSERS //ASK QUESTION AND OUTPUT RESULTS var result=testQuestion(10 + 10); document.write(result); //STOP HIDING FROM OTHER BROWSERS > </SCRIPT> </BODY> </HTML> Hàm eval dùng chuyển đổi giá trị chuỗi số thành giá trị số. Ví dụ: eval(10*10) trả về giá trị là 100. d. Hàm đệ qui Ví dụ: <HTML> <HEAD> <TITLE>Example</TITLE> <SCRIPT LANGUAGE= JavaScript> <! HIDE FROM OTHER BROWSERS //DEFINE FUNCTION testQuestion() function testQuestion(question) { //DEFINE LOCAL VARIABLES FOR THE FUNCTION . 49 </BODY> </HTML> 3.1.7 Hàm và dối tợng Trong kỹ thuật lập trình các lập trình viên thờng sử dụng hàm để thực hiện một đoạn chơng trình thể hiện cho một module nào đó để thực. Ví dụ: Var welcome=Welcome to welcome += Web Design => welcome = Welcome to Web Design Ví dụ : Sử dụng toán tử điều kiện để kiểm tra đầu vào <HTML> <HEAD> <TITLE>Example</TITLE>. Nếu điều kiện đúng thì trả về giá trị 1 Nếu điều kiện sai thì trả về giá trị 2 Ví dụ: (day=Saturday) ? Weekend : Not Saturday e. Toán tử chuỗi: Welcome to + Web Design Ví dụ: Var welcome=Welcome

Ngày đăng: 08/07/2014, 08:20

Tài liệu cùng người dùng

  • Đang cập nhật ...

Tài liệu liên quan