Lập trình web tĩnh Html dành cho người mới bắt đầu học lập trình web Mình khuyên các bạn nên học đầy đủ từ bài số 1 trở đi Và kết hợp với video khi sử dụng slide nhưng do video mình chưa có thời gia up lên khi nào có mình sẽ cho link lên mục này
Trang 1Chương 14 Những đối tượng ngôn ngữ cơ bản trong JavaScript
Mục tiêu:
Kết thúc chương này, học viên có thể:
Sử dụng những câu lệnh điều khiển đối tượng
Sử dụng những đối tượng cơ bản
String
Math
Date
Chương này đưa ra các ví dụ rất rõ ràng và chi tiết Sau khi hoàn thành chúng, chúng ta sẽ hiểu cặn kẽ hơn về mục tiêu của bài học Chúng ta làm theo các bước sau:
Phần I – Thực hiện trong 1.5 giờ:
Trong buổi thực hành này chúng ta sẽ thực thi một số chương trình JavaScript để làm rõ những khái niệm đã học
Ví dụ 1: Sử dụng đối tượng String
1 Mở notepad hoặc hoặc một trình soạn thảo khác
2 Nhập vào đoạn mã sau:
<HTML>
<BODY bgColor = white>
<SCRIPT LANGUAGE = "JavaScript">
str1=new String("HELLO");
str2=new String("world");
document.write("Str1 in lower case: "+ str1.toLowerCase()); document.write("<BR>");
document.write("Str2 in UPPER case: "+ str2.toUpperCase()); document.write("<BR>");
document.write("Charater at 4th position in Str2 is: "+ str2.charAt(4));
document.write("<BR>");
document.write("Lenth of Str1 is: " + str1.length);
</SCRIPT>
</BODY>
</HTML>
Trang 2Hình 16.1: Kết quả ví dụ 1
Ví dụ 2: Sử dụng đối tượng Date
1 Mở notepad hoặc hoặc một trình soạn thảo khác
2 Nhập vào đoạn mã sau:
<HTML>
<BODY bgColor = white>
<SCRIPT LANGUAGE = "JavaScript">
mydate=new Date();
document.write("Todays day is : "+ mydate.getDate());
document.write("<BR>");
document.write("Month is : "+ (mydate.getMonth()+1));
document.write("<BR>");
document.write("Year is : "+ mydate.getYear());
document.write("<BR>");
document.write("System Time is : ");
document.write(mydate.getHours()+":"+mydate.getMinutes()+":
"+mydate.getSeconds());
</SCRIPT>
</BODY>
</HTML>
Trang 3Hình 16.2: Kết quả của ví dụ 2
Ví dụ 3: Sử dụng đối tượng Math
1 Mở notepad hoặc hoặc một trình soạn thảo khác
2 Nhập vào đoạn mã sau:
<HTML>
<BODY bgColor = white>
<SCRIPT LANGUAGE = "JavaScript">
num1=10
num2=20
with(Math)
document.write("Between number 1 "+num1+" and number 2
-"+num2+" maximum number is : "+max(num1,num2));
</SCRIPT>
</BODY>
</HTML>
Trang 4Phần II – Thực hành trong vòng 30 phút tiếp theo:
Viết những chương trình JavaScript sau:
1 Viết một script để giải thích cách sử dụng hàm eval ()
Gợi ý:
Bên trong thẻ script định nghĩa hai biến
Gán giá trị cho nó
Bên trong hàm eval thêm vào hai biến với hai giá trị số
In giá trị ra màn hình
2 Viết một đoạn JavaScript để tính diện tích hình vuông bằng cách sử dụng toán tử New
Gợi ý:
Xây dựng một hàm trong JavaScript
Tạo đối tượng bằng cách xây dựng hàm với hai tham số truyền vào là chiều dài và
chiều rộng
Tính diện tích hình vuông
In giá trị ra màn hình
Trang 5Bài tập củng cố
1 Viết đoạn JavaScript để tìm:
a Sin của một số
b Cosin của một số
c Tan của một số
Trang 6This page is intentionally left blank