Lập Web HTML sv cong nghe thuc pham bai21

Javascript là một ngôn ngữ thông dịch interpreter, chương trình nguồn của nó được nhúngembedded hoặc tích hợp integated vào tập tin HTML chuẩn.. • JavaScript đem đến cho người thiết kế H

Trang 1

Bài 1: TỔNG QUAN VỀ JAVASCRIPT

1 Đặc tính của ngôn ngữ Javascript:

JavaScript là ngôn ngữ kịch bản của Web Ngôn ngữ này làm việc trong hầu hết các trình duyệt chủ đạo như IE, NN từ phiên bản 3.0 của các trình duyệt này trở đi JavaScript được thiết kế để thêm các tương tác với các trang HTML

Ngôn ngữ JavaScript và Java là khác nhau hoàn toàn

Javascript là một ngôn ngữ thông dịch (interpreter), chương trình nguồn của nó được

nhúng(embedded) hoặc tích hợp (integated) vào tập tin HTML chuẩn Khi file được load trong

Browser (có support cho JavaScript), Browser sẽ thông dịch các Script và thực hiện các công việc xác định Chương trình nguồn JavaScript được thông dịch trong trang HTML sau khi toàn bộ trang được load nhưng trước khi trang được hiển thị

Javascript là một ngôn ngữ có đặc tính:

• Đơn giản

• Động (Dynamic)

• Hướng đối tượng (Object Oriented)

Trước khi nghiên cứu JavaScript

Bạn phải nắm được các kiến thức về:

 WWW, HTML và cách xây dựng cơ bản của những trang Web

JavaScript có thể làm gì?

• JavaScript đem đến cho người thiết kế HTML một công cụ lập trình: ngôn ngữ có cú pháp đơn giản tạo điều kiện cho hầu hết mọi người có thể đặt một đoạn mã nhỏ vào trong trang HTML

• JavaScript có thể đặt một văn bản động vào trong một trang HTML - giống như một câu lệnh: document.write("<h1>" + name + "</h1>") có thể đưa một biến văn bản vào trong trang HTML

• JavaScript có thể được sử dụng để làm chuẩn dữ liệu: một JavaScript có thể được sử dụng

để làm chuẩn dữ liệu trong form trên các trình duyệt của người duyệt Web trước khi nó được

Trang 2

chấp nhận bởi máy chủ, việc này sẽ tiết kiệm cho máy chủ những xử lý phụ.

2 Ngôn ngữ JavaScript:

Một trong những đặc tính quan trọng của ngôn ngữ JavaScript là khả năng tạo và sử dụng các đối tượng (Object) Các Object này cho phép người lập trình sử dụng để phát triển ứng dụng

Trong JavaScript ,các Object được nhìn theo 2 khía cạnh:

Built-in Object trong JavaScript:

JavaScript cung cấp 1 bộ các Built-in Object để cung cấp các thông tin về sự hiện hành của các đối

tượng được load trong trang Web và nội dung của nó.Các đối tượng này bao gồm các phương thức

(Method) làm việc với các thuộc tính (Properties) của nó.

Các đối tượng được cung cấp bởi môi trường Netscape:

Netscape Navigator cung cấp các đối tượng cho phép JavaScript tương tác với file HTML, các đối

tượng này cho phép chúng ta điều khiển việc hiển thị thông tin và đáp ứng các sự kiện trong môi

trường Navigator Ví dụ:

Window Cung cấp các phương thức và các tính chất cho cửa sổ hiện hành của trình

Trang 3

duyệt,bao gồm các đối tượng cho mỗi frame.

Location Cung cấp các tính chất và phương thức làm việc với các địa chỉ URL hiện

hành được mở

History Các đối tượng history cung cấp thông tin về các danh sách cũ và có thể giới

hạn sự tương tác với danh sách

Document

Đây là một đối tượng được sử dụng nhiều nhất Nó chứa đựng các Đối tượng, tính chất và các phương thức làm việc với các thành phần của tài liệu như các :form,link,anchor,applet

3 Các đối tượng do người lập trình xây dựng:

a Định nghĩa thuộc tính của đối tượng: (Object Properties)

Thuộc tính của đối tượng là những tính chất vốn có của đối tượng đó.

Cú pháp :

Object-name.Property-name (tên đối tượng.tên đặc tính)

Ví dụ:

Một đối tượng airplane( máy bay ) có các thuộc tính như sau:

• Airplane.model( mẫu mã)

• Airplane.price( giá cả)

• Airplane.seating( số ghế ngồi)

• Airplane.maxspeed( tốc độ tối đa )

• Airplane.fuel( nhiên liệu )

b Thêm các phương thức cho đối tượng:( Method to Object)

Sau khi đã có các thông tin về airplane ta tiếp tục xây dựng phương thức để sử dụng thông tin này

Ví dụ: bạn muốn in ra mô tả của airplane hoặc tính toán khoảng cách tối đa của cuộc hành trình với

nhiên liệu đã có:

• Airplane.description()

• Airplane.distance()

c Tạo một instance của đối tượng:

Trang 4

Trước khi thao tác với một đối tượng của JavaScript ta phải tạo một instance cho đối tượng đó.

4 Nhúng JavaScript vào trong tập tin HTML:

Cú pháp:

Chương trình JavaScript

</SCRIPT>

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)

5 Ẩn các Scripts đối với các Browser không hỗ trợ JavaScript:

<!- - Dòng dấu Script đối với các Browser không hỗ trợ (support)

JavaScript Program

//Dòng kết thúc việc dấu Script và chú thích

>

</SCRIPT>

6 Sử dụng tập tin JavaScript bên ngoài :

<! Dòng dấu Script đối với các Browser không hỗ trợ (support)

Trang 5

Chương trình JavaScript

//Dòng kết thúc việc dấu Script và chú thích >

</SCRIPT>

7 Thêm chương trình vào tập tin HTML:

<HTML>

<HEAD>

<TITLE>Listing 2.1</TITLE>

</HEAD>

<BODY>

Đây là kết quả

<! document.writeln("Nó làm việc <BR>");

>

</SCRIPT>

</BODY>

</HTML>

Định dạng
Số trang	5
Dung lượng	89,5 KB