Bài giảng công nghệ lập trình tích hợp chương 1 ts nguyễn quang uy

Chương Cơ JavaScript Mục lục chương • • • • Cơ HTML Cơ JavaScript Công cụ tạo tài liệu HTML JavaScript Một số chương trình HTML JavaScript đơn gian • Một số thuộc tính đối tượng Document Javascript Cơ HTML • HTML viết tắt HyperText Markup Language ngơn ngữ để xây dựng trang Web • Một tài liệu HTML bao gồm phần – Nội dung thông tin – Tập dẫn mà dựa vào máy tính hiển thị thơng tin • Các dẫn hay cịn gọi la markup tạo thành ngôn ngữ HTML Cơ HTML • HTML khơng phải ngơn ngữ lập trình hiểu theo nghĩa truyền thống mà xác bao gồm dẫn để hướng dẫn việc hiển thị thơng tin • Chương trình máy tính chuyển đổi mơ tả HTML thành thơng tin gọi Web browser Cơ HTML • Cấu trúc tài liệu HTML gồn phần: – … – … – … – … – Mỗi thành phân bao gồm cặp thẻ Cơ HTML • Để hỗ trợ ngôn ngữ kịch bản, thành phần khác cần thêm vào: – … • Khi cấu trúc tài liệu HTML sau: – – – … – … – – – – … – … – – Cơ HTML • Thẻ HTML thẻ chứa tất thẻ khác nó, xác định biên giới tài liệu HTML • Thẻ script thường đặt body xuất đâu tài liệu Cơ ngơn ngữ kịch • Ngơn ngữ kịch (scripting languages) tập hợp ngơn ngữ mà mục đích để truy cập thay đổi thành phần giao diện thơng tin • Có nhiều ngôn ngữ kịch khác như: Javascript, VBscript, AppleScript,… Cơ JavaScript • JavaScript ngơn ngư kịch mà mục đích để thay đổi giao diện HTML • JavaScript ngơn ngữ lập trình hướng đối tượng, thơng dịch phát triển để sử dụng với công cụ Web khác Cơ JavaScript • JavaScript sử dụng để viết ứng dụng phía client, điều có nghĩa toàn code gửi đến máy tính người sử dụng Website load • Các đoạn mã sau thực thi dịng dựa vào thơng dịch gắn với Web Browser 10 Một số chương trình HTML • Như để cập đến trước, javascript ngơn ngữ lập trình hướng đối tượng • Trong ví dụ trước: – Document đối tượng – Write phương thức đối tượng document – “Hello World” tham số truyền vào phương thức write 17 Một số chương trình HTML • Một ý khác hầu hết thẻ HTML có thuộc tính • Các thuộc tính sử dụng để rõ thuộc tính cho thành phần HTML • Thẻ script bao gồm hai thuộc tính language and type • Khi dùng thẻ script ta cần rõ giá trị cho hai thuộc tính 18 Một số chương trình HTML • Trong tài liệu HTML có hai loại lời thích • Lời thích cho phần HTML sau: – • Bên thẻ script, lời thích lời thích java hoăc C – – // Stop hiding code here > – 19 Một số chương trình HTML • Một ý HTML không phân biệt chữ hoa chữ thường Vì thẻ HTML viết chữ hoa chữ thường • Tuy nhiên XHTML, phiên mở rộng HTML, tất thẻ phải viết chữ thường • Trong JavaScript ln phân biệt chữ hoa chữ thường • Tất lệnh Javascript phải kết thúc dấu ; 20 Một số chương trình HTML • Ta làm cho chương trình trước đẹp cách thêm thành phần HTML vào thêm thuộc tính cho • Ví dụ dụng thêm số thẻ thuộc tính nó: – font (font description), h1 (heading), and hr (horizontal rule) are elements, and color , size, and align are attributes 21 Một số chương trình HTML • • • • • • • • • • • • • • • Hello, world! First JavaScript document write ("Hello, world!" ); document write (" It's a beautiful day!"); 22 Một số chương trình HTML • Chúng ta có nhiều thẻ script tài liệu HTML • Như ví dụ sau có hai phần script cách đường gạch ngang 23 Một số chương trình HTML • • • • • • • • • • • • Hello, world! (v.3) First JavaScript document write (" This document was last modified on " +document lastModified+""); 24 Một số chương trình HTML • • • • • • • • • • • document write ("background = " +document bgColor); document write ("font = " + document fgColor); document write ("Hello,world!" ); document write (" He said, "It's a beautiful day!" "); 25 Một số chương trình HTML • Cái đối tượng JavaScript bên cạnh có phương thức có thuộc tính • Ví dụ thuộc tính chương trình trên: – document write ("background = " +document bgColor); – document write ("font = " + document fgColor); 26 Một số chương trình HTML • Các thuộc tính size and color nên đưa giá trị vào nháy đơn (điều bắt buộc với XHTML) • Việc đưa vào nháy đơn làm cho trình duyệt tránh nhầm lẫn với nháy kép phần text phương thức ví dụ sau: – document write ("Hello,world!" ); – document write (" – He said, "It's a beautiful day!" – "); 27 Một số chương trình HTML • Bên cạch việc dùng phương thức Javascript, ta dùng thẻ HTML để đạt hiệu qua ví dụ • Xem xét ví dụ sau: 28 Một số chương trình HTML • • • • • • • • • • • • Hello, world! (with HTML) document write ( " This document was last modified on "+document lastModified+""); First JavaScript 29 Một số chương trình HTML • • document write ("background = "+document bgColor); • document write ("font = " + document fgColor); • • Hello,world! • • He said, "It's a beautiful day! "" • • 30 Một số thuộc tính đối tượng document 31