Bài giảng tóm tắt Javascript

Download miễn phí Bài giảng tóm tắt Javascript

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 bạn thực hiện một chức năng nào đó ví
dụ như hàm alert(), document.write(), parseInt() và bạn 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 bạn, để định nghĩa hàm bạn theo cú pháp sau:
function function_name(parameters, arguments)
{
command block
}


http://cloud.liketly.com/flash/edoc/jh2i1fkjb33wa7b577g9lou48iyvfkz6-swf-2014-02-11-bai_giang_tom_tat_javascript.CzPIZDQFPi.swf /tai-lieu/de-tai-ung-dung-tren-liketly-58980/
Để tải bản Đầy Đủ của tài liệu, xin Trả lời bài viết này, Mods sẽ gửi Link download cho bạn sớm nhất qua hòm tin nhắn.
Ai cần download tài liệu gì mà không tìm thấy ở đây, thì đăng yêu cầu down tại đây nhé:
Nhận download tài liệu miễn phí

Tóm tắt nội dung tài liệu:

ối tượng đó.
6 . Nhúng JavaScript vào trong tập tin HTML:
Cú pháp:
JavaScript Program
Thuộc tính của thẻ SCRIPT
+ SRC :Địa chỉ URL chỉ đến tập tin chương trình JavaScript (*.js)
+ LANGUAGE: Chỉ định ngôn ngữ được sử dụng trong Script và các phiên bản sử dụng (ví dụ
như :JavaScript ,JavaScript .1.2 vv… ,VBScript).
7. Ẩn các Scripts đối với các Browser không cung cấp JavaScript:
JavaScript Program
//Dòng kết thúc việc dấu Script và chú thích - - >
JAVASCRIPT MEDIASPACE CLUB (HTD) PAGE: 3
8. Sử dụng tập tin JavaScript bên ngoài :
JavaScript Program
//Dòng kết thúc việc dấu Script và chú thích - - >
9. Thêm chương trình vào tập tin HTML:
Listing 2.1
Here is result:

Bài 2: SỬ DỤNG JAVASCRIPT
1. Cú pháp cơ bản của lệnh :
JavaScript xây dựng các hàm,các phát biểu,các toán tử và các biểu thức trên cùng một dòng và
kết thúc bằng ;
Ví dụ: document.writeln("It work");
2. Các khối lệnh:
Nhiều dòng lệnh có thể được liên kết với nhau và được bao bởi { }
Ví dụ:
{
document.writeln("Does It work");
document.writeln("It work!");
}
3. Xuất dữ liệu ra cửa sổ trình duyệt:
Dùng 2 phương pháp document.write() và document.writeln()
Ví dụ:
document.write(“Test”);
document.writeln(“Test”);
4. Xuất các thẻ HTML từ JavaScript
JAVASCRIPT MEDIASPACE CLUB (HTD) PAGE: 4
Ví dụ 1:
Outputting Text
This is text plain
document.write("This is text bold ");
- ->
Ví dụ 2:
Example 2.4
document.write(' SRC="welcome.gif">');
document.write("WELCOME TO
NETSCAPE 2.1");
- ->
5. Sử dụng phương pháp writeln() với thẻ PRE:
Outputting Text
document.writeln("One,");
document.writeln("Two,");
document.write("Three");
document.write("...");
- ->
6. Các kí tự đặc biệt trong chuổi:
\n : New line
\t : Tab
\r : carriage return
\f : form feed
\b: backspace
Ví dụ:
document.writeln("It work!\n");
7. Làm việc với các dialog boxes
Sử dụng hàm alert() để hiển thị thông báo trong một hộp.
Ví dụ:
Example 2.5
alert("Welcome to Netscape Navigator
21");
document.write(' SRC="welcome.gif">');
- ->
JAVASCRIPT MEDIASPACE CLUB (HTD) PAGE: 5
8. Tương tác với người sử dụng:
Sử dụng phương pháp promt() để tương tác với người sử dụng.
Ví dụ 1:
Listing 2.6
document.write("Your favorite color
is:");
document.writeln(prompt("enter your
favorite color:","Blue"));
- ->
Ví dụ 2:
Listing 2.6
document.write(' SRC="welcome.gif">');
document.write("Greeting ,");
document.writeln(prompt("enter your
name:","name"));
document.write("Welcome to netscape
navigator 2.01 ");
- ->
Sử dụng dấu + để cộng 2 chuổi đơn lại:
Ví dụ 3:
Listing 2.6
document.write(' SRC="welcome.gif">');
document.write("Greeting ," +
prompt("enter your name:","name") + "
Welcome to netscape navigator 2.01
");
- ->
9. Các kiểu dữ liệu trong JavaScript:
a. Dữ liệu kiểu số:
+ Số nguyên: ví dụ 720
+ Số Octal: ví dụ :056
+ Số Hexa:ví dụ:0x5F
+ Số thập phân :ví dụ :7.24 , -34.2 ,2E3
b. Dữ liệu kiểu chuổi:
ví dụ: ” Hello”
’245’
“ “
c. Dữ liệu kiểu Boolean:
Kết quả trả về là true hay false.
JAVASCRIPT MEDIASPACE CLUB (HTD) PAGE: 6
d. Dữ liệu kiểu null:
Trả về giá trị rỗng.
e. Dữ liệu kiểu văn bản (giống như kiểu chuổi)
10. Tạo biến trong JavaScript:
Var example;
Var example=”Hello”;
Ta có thể dùng document.write(example); để xuất nội dung của biến.
Ví dụ 1: dùng từ khóa var để khai báo biến
Example 3.1
var name=prompt("enter your
name:","name");
- ->

Ví du 2: tạo lại một giá trị mới cho biến
Example 3.2
var name=prompt("enter your
name:","name");
alert ("greeting " + name + " , ");
name=prompt("enter your friend's
name:","friend's name");

11. Làm việc với biến và biểu thức:
• Thiết lập biểu thức:
Cú pháp:
* Toán tử:
= Thiết lập giá trị bên phải cho bên trái
Ví dụ :x=5
+= Cộng trái và phải ,sau đó gán kết quả cho bên trái phép toán
Ví dụ: cho x=10,y=5
x+=y => x=15
-= Trừ bên trái cho bên phải ,gán kết quả lại cho bên trái
x-=y => x=5
JAVASCRIPT MEDIASPACE CLUB (HTD) PAGE: 7
*= Nhân bên trái cho bên phải,gán kết quả cho bên trái
x*=y => x=50
/= Chia bên trái cho phải ,gán kết quả lại cho bên trái
x/=y => x=2
%= Chia bên trái cho bên phải và lấy số dư gán lại cho bên trái
x%=y => x=0
* Các toán tử khác:
Ví dụ:
x+=15+3
=> x=18
8+5
32.5 * 72.3
12 % 5
Dấu ++ và dấu - - và dấu -
Ví dụ:
x=5;
y=++x; (=> y=6 vì x tăng lên 6)
z=x++; (=> z=6 vì sau đó x gán cho z)
sau đó x tăng 1 => x=7
Do đó ta có kết quả cuối cùng là:
x=7;y=6;z=6;
Ví dụ: x=5;
x=-x => x=-5
• Phép toán Logic
&& : và
||: hay
! not
Ví dụ:
x=5 ,y=2 ,c=3
(x>y) && (x>c)
false && anything is always false
(x>y) || (c true
!x
• Toán tử so sánh trong JavaScript:
==
!=
>
<
>=
<=
Ví dụ:
1==1 => true
3false
5 >=4 =>true
“the” != “he” => true
4==”4” =>true
• Toán tử điều kiện:
Cú pháp:
(điều kiện ) ? giá trị 1 : giá trị 2
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ụ:
JAVASCRIPT MEDIASPACE CLUB (HTD) PAGE: 8
(day=”Saturday”) ? “Weekend” : “Not Saturday”
• Toán tử chuổi:
“ Welcome to “ + “ Netscape Navigator”
Ví dụ:
Var welcome=”Welcome to”
Welcome += “ Netscape Navigator”
! welcome= “Welcome to Netsacpe Navigator”
Ví dụ : Sử dụng toán tử điều kiện để kiểm tra ngỏ vào
Example 3.3
var question="What is 10+10 ?";
var answer=20;
var correct=' SRC="correct.gif">';
var incorrect=' SRC="incorect.gif">';
var response=prompt(question,"0");
var output = (response==answer) ?
correct:incorrect;

12. Cấu trúc điều kiện if – else
if điều kiện
lệnh ;
if điều kiện {
Mã JavaScript
}
Ví dụ:
if (day==”Saturday”) {
document.writeln(“It‘s the weekend”);
alert(“ It’s the weekend”);
}
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 :
if điều kiện 1 {
Các lệnh JavaScript
JAVASCRIPT MEDIASPACE CLUB (HTD) PAGE: 9
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
Example 3.3
var question="What is 10+10 ?";
var answer=20;
var correct=' SRC="correct.gif">';
var incorrect=' SRC="incorect.gif">';
var response=prompt(question,"0");
if (response != answer) {
if (confirm("Wrong ! press OK for
a second change"))
response=prompt(question,"0");
}
var output = (response ==answer ) ?
correct:incorrect ;

Ví dụ 2 : Sử dụng phương pháp confirm() với phát biểu if - else
Example 3.3
var question="What is 10+10 ?";
var answer=20;
var correct=' SRC=...