1. Trang chủ
  2. » Công Nghệ Thông Tin

Session14 lab HTML Lập Trình Web Tĩnh

6 199 4

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

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Định dạng
Số trang 6
Dung lượng 521,81 KB

Nội dung

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 1

Chươ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 2

Hì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 3

Hì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 4

Phầ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 5

Bà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 6

This page is intentionally left blank

Ngày đăng: 09/11/2015, 18:10

TỪ KHÓA LIÊN QUAN

w