Bài giảng Thiết kế web: Chương 4 - Trường ĐH Thủ Dầu Một
lượt xem 7
download
Bài giảng Thiết kế web: Chương 4 cung cấp cho người học những kiến thức như: Tổng quan về JavaScript; Ngôn ngữ JavaScript; Đối tượng và sự kiện. Mời các bạn cùng tham khảo!
Bình luận(0) Đăng nhập để gửi bình luận!
Nội dung Text: Bài giảng Thiết kế web: Chương 4 - Trường ĐH Thủ Dầu Một
- TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT NỘI DUNG KHOA KỸ THUẬT - CÔNG NGHỆ 1. Tổng quan về JavaScript 2. Ngôn ngữ JavaScript THIẾT KẾ WEB 3. Đối tượng và sự kiện Chương 4 NGÔN NGỮ JAVASCRIPT Phone: 0274. 3834930 Website: http://et.tdmu.edu.vn 18/01/2019 Bài giảng Thiết kế Web 2 1. TỔNG QUAN VỀ JAVASCRIPT 1.1. Giới thiệu Với HTML chỉ biểu diễn thông tin chứ chưa phải là các trang Web động có khả năng đáp ứng các sự kiện từ phía 1.1. Giới thiệu người dùng. 1.2. Nhúng JavaScript vào File HTML Hãng Netscape đã đưa ra ngôn ngữ script có tên là LiveScript để thực hiện chức năng này. Sau đó đổi tên 1.3. Các lệnh cơ bản thành JavaScript để tận dụng tính đại chúng của ngôn ngữ lập trình Java. JavaScript là ngôn ngữ dưới dạng script có thể gắn với các file HTML. Được trình duyệt diễn dịch, trình duyệt đọc JavaScript dưới dạng mã nguồn. JavaScript là ngôn ngữ dựa trên đối tượng, nghĩa là bao gồm nhiều kiểu đối tượng, ví dụ đối tượng Math với tất cả các chức năng toán học. Nhưng JavaScript không là ngôn ngữ hướng đối tượng như C++/Java. 3 4 18/01/2019 Bài giảng Thiết kế Web 3 18/01/2019 Bài giảng Thiết kế Web 4 1.2. Nhúng JavaScript vào File HTML 1.2. Nhúng JavaScript vào File HTML Sử dụng một trong các cách sau: Nhúng JavaScript vào trang HTML Sử dụng câu lệnh và hàm trong cặp thẻ Sử dụng cặp thẻ và . Sử dụng các File nguồn JavaScript Cú pháp: Sử dụng một biểu thức JavaScript làm giá trị của một thuộc tính HTML // Chèn các mã Javacript vào đây Sử dụng thẻ sự kiện (event handlers) trong một thẻ HTML nào đó Ví dụ: Sưu tầm mã JavaScript từ Website http://www.echip.com.vn hiệu ứng “Chuột đồng hồ” nhúng vào trang web Trong đó, sử dụng cặp thẻ ... và nhúng một File nguồn JavaScript là được sử dụng nhiều hơn cả. file nguồn biểu thức sự kiện 5 6 18/01/2019 Bài giảng Thiết kế Web 5 18/01/2019 Bài giảng Thiết kế Web 6 1
- 1.2. Nhúng JavaScript vào File HTML 1.3. Các lệnh cơ bản Sử dụng File nguồn JavaScript Cú pháp cơ bản của lệnh: Phương pháp này được ưa chuộng hơn bằng cách nhúng file lệnh JavaScript xây dựng các hàm, các phát biểu, các toán tử và JavaScript vào trang HTML. các biểu thức trên cùng một dòng và kết thúc bằng ; Cú pháp: Cách gọi một phương thức của một đối tượng như sau: Ví dụ: Sưu tầm mã JavaScript từ Website http://www.echip.com.vn object_name.property_name; hiệu ứng “Ngoài kia lá rơi đầy” nhúng vào trang web Ví dụ: document.write("Chào các bạn!"); 7 8 18/01/2019 Bài giảng Thiết kế Web 7 18/01/2019 Bài giảng Thiết kế Web 8 1.3. Các lệnh cơ bản 1.3. Các lệnh cơ bản Hiển thị một dòng văn bản Giao tiếp với người sử dụng – Lệnh prompt() document.write(“Chuỗi văn bản”); window.prompt("Câu thông báo","nội dung mặc định"); Ví dụ: document.write("Chào các bạn"); Hiển thị hộp thoại thông báo –Lệnh alert() var name=window.prompt("Xin chào!Bạn tên gì?",""); alert("Câu thông báo"); document.write("Xin chào bạn " + name + " ! Chúc bạn học tốt JavaScript "); alert("Chào mừng bạn đến với JavaScript!. \n Nhấn Ok để tiếp tục"); Chúc bạn thành công!!!
- 1.3. Các lệnh cơ bản 1.3. Các lệnh cơ bản Tìm thẻ HTML theo Class Tìm thẻ HTML theo cú pháp của Selector CSS document.getElementsByClassName(‘classname'); document.querySelectorAll("selector.css"); // Lấy thẻ input có class="tendn" var element = document.getElementByClassName(‘tendn'); // Lấy giá trị của thẻ input document.write(element[0].value); Câu hỏi đặt ra là làm thế nào có thể chọn đúng một thẻ input nằm trong thẻ div và có class="website"? var element = document.querySelectorAll("div input.website"); 13 14 18/01/2019 Bài giảng Thiết kế Web 13 18/01/2019 Bài giảng Thiết kế Web 14 1.3. Các lệnh cơ bản 2. NGÔN NGỮ KỊCH BẢN JAVASCRIPT Thay đổi CSS bằng JavaScript 2.1. Biến Thiết lập CSS bằng Javascript: document.getElementById("object").style.cssName = 'something'; 2.2. Kiểu dữ liệu Lấy giá trị CSS bằng Javascript: 2.3. Lệnh, khối lệnh trong JavaScript var value = document.getElementById("object").style.cssName 2.3. Toán tử & Biểu thức trong JavaScript 2.4. Cấu trúc lập trình document.getElementById("message").style.background = 'red'; document.getElementById("message").style.height = '500px'; 2.5. Mảng - Array document.getElementById("message").style.fontSize = '500px'; 2.6. Hàm - Function 15 16 18/01/2019 Bài giảng Thiết kế Web Minh họa 15 18/01/2019 Bài giảng Thiết kế Web 16 2.1. Biến 2.2. Kiểu dữ liệu 2.1. Biến Khác với C++/Java, JavaScript có tính định kiểu thấp. Nghĩa Như các ngôn ngữ lập trình khác javascript dùng biến để lưu là không phải chỉ ra kiểu dữ liệu cho biến. Kiểu dữ liệu được trữ các giá trị nhập vào, các giá trị tính toán... tự động chuyển thành kiểu phù hợp khi cần Mỗi biến có một tên, Tên biến trong JavaScript phải bắt đầu bằng ký tự. Phạm vi của biến có thể là một trong hai kiểu sau: var a='Trái táo'; var n=12; Biến toàn cục: Có thể được truy cập từ bất kỳ đâu trong n = n + 20; ứng dụng. Được khai báo: x = 0; var tb ="Có tất cả " + n + " " + a; Biến cục bộ: Chỉ được truy cập trong phạm vi chương trình document.write(tb); mà nó khai báo. Biến cục bộ được khai báo trong một hàm với từ khoá var: var x = 0; 17 18 18/01/2019 Bài giảng Thiết kế Web 17 18/01/2019 Bài giảng Thiết kế Web 18 3
- 2.2. Kiểu dữ liệu(tt) 2.3. Lệnh, khối lệnh trong JavaScript Trong JavaScript, có bốn kiểu dữ liệu sau đây: Các câu lệnh trong JavaScript kết thúc bằng một dấu Kiểu nguyên (Interger) chấm phẩy (;). Kiểu dấu phẩy động (Floating Point) Một khối lệnh là đoạn chương trình gồm hai lệnh trở Kiểu logic (Boolean) lên và được đặt trong cặp ngoặc nhọn: { . . . } Có hai giá trị: true, false. Bên trong một khối lệnh có thể chứa một hay nhiều Kiểu chuỗi (String) khối lệnh khác. Một biến kiểu chuỗi biểu diễn bởi không hay nhiều ký tự đặt trong cặp dấu " ... " hay '... ' 19 20 18/01/2019 Bài giảng Thiết kế Web 19 18/01/2019 Bài giảng Thiết kế Web 20 2.4. Toán tử & Biểu thức trong JavaScript 2.4. Tóan tử & Biểu thức trong JavaScript 2.4.1. Định nghĩa và phân loại biểu thức 2.4.1. Định nghĩa và phân loại biểu thức Các Toán tử: Biểu thức (expression) có ba kiểu: = Gán Số học: Nhằm để lượng giá giá trị số. == Bằng Ví dụ: (3+4)+(84.5/3) bằng 197.1666666667. != Khác Chuỗi: Nhằm để đánh giá chuỗi. > Lớn hơn Ví dụ: "The dog " + "barked!" là “The dog barked!” >= Lớn hơn hoặc bằng Logic: Nhằm đánh giá giá trị logic. < Nhỏ hơn Ví dụ: 23>32 là False. =5) ? "Đậu" : "Rớt" var-- Giảm var đi 1 + Kết hợp hai chuỗi Trong ví dụ này biến ketqua được gán giá trị "Đậu" expr1 && expr2 Toán tử AND trả về giá trị đúng nếu expr1 và expr2 cùng đúng. expr1 || expr2 Toán tử OR trả về giá trị đúng nếu ít nhất 1 trong 2 expr1, expr2 đúng. 21 22 18/01/2019 Bài giảng Thiết kế Web 21 18/01/2019 Bài giảng Thiết kế Web 22 2.5. Cấu trúc lập trình 2.5. Cấu trúc lập trình 2.5.1. Cấu trúc lập trình rẽ nhánh (Điều Kiện) 2.5.2. Vòng lặp For if ( ) { for (initExpr; ; incrExpr) //Các câu lệnh với điều kiện đúng { } //Các lệnh được thực hiện trong khi lặp else { } //Các câu lệnh với điều kiện sai } Vòng lặp for thiết lập 1 biểu thức khởi đầu - initExpr, sau đó lặp 1 đoạn mã cho đến khi biểu thức được đánh giá là đúng. Sau khi kết thúc mỗi vòng lặp, biểu thức incrExpr được đánh giá lại Minh họa (thường là tăng 1) 23 24 18/01/2019 Bài giảng Thiết kế Web 23 18/01/2019 Bài giảng Thiết kế Web 24 4
- 2.5. Cấu trúc lập trình 2.5. Cấu trúc lập trình 2.5.2. Vòng lặp For (tt) 2.5.3. Vòng lặp While Ví dụ: while () for (x=1; x
- 2.6. Mảng - Array 2.7. Hàm - Function 2.6.1. Giới thiệu a = new Array(10); Trong lập trình sử dụng hàm là để thực hiện một đoạn for (i=1;i
- 3. ĐỐI TƯỢNG VÀ SỰ KIỆN 3.1. Khái niệm đối tượng 3.1. Khái niệm đối tượng 3.1.1. Khái niệm về đối tượng 3.1.1. Khái niệm về đối tượng 3.1.2. Các câu lệnh thao tác trên đối tượng 3.2. Sự kiện & Xử lý sự kiện Thuộc tính (biến) dùng để định nghĩa đối tượng và các phương 3.2.1. Khái niệm sự kiện và xử lý sự kiện thức (hàm) tác động tới dữ liệu đều nằm trong đối tượng. 3.2.2. Một số sự kiện trong JavaScript 3.2.3. Các sự kiện có sẵn của một số đối tượng. Ví dụ: Một chiếc xe hơi là một đối tượng. Các thuộc tính của 3.3. Các đối tượng thường dùng nó là cấu tạo, kiểu dáng và màu sắc. Hầu hết các chiếc xe hơi 3.3.1. Đối tượng window 3.3.2. Đối tượng forms đều có một vài phương thức chung như go(), brake(), 3.3.3. Đối tượng Date reverse(). 3.3.4. Đối tượng Math 3.3.5. Đối tượng String 3.3.6. Đối tượng history 3.3.7. Đối tượng links 3.3.8. Đối tượng Navigator 3.3.9. Đối tượng document 37 38 18/01/2019 Bài giảng Thiết kế Web 37 18/01/2019 Bài giảng Thiết kế Web 38 3.1. Khái niệm đối tượng 3.1. Khái niệm đối tượng 3.1.1. Khái niệm về đối tượng 3.1.2. Các câu lệnh thao tác trên đối tượng JavaScript là ngôn ngữ lập trình dựa trên đối tượng. Trong sơ đồ Lệnh For...in phân cấp các đối tượng của JavaScript, các đối tượng con thực sự là Sử dụng để biết tất cả các thuộc tính (properties) của một đối tượng các thuộc tính của các đối tượng cha. for ( in ) { Vi dụ chương trình xử lý sự kiện trên form tên frmDieutra là thuộc //Các câu lệnh tính của đối tượng document và trường text txtAge là thuộc tính của } form frmDieutra. Để tham chiếu đến giá trị của txtAge phải sử dụng: document.frmDieucha.txtAge.value Window Texturea navigator document.write("The properties of the Window object are: "); Text Plugin for (var x in window) Frame Layer FileUpload Link Password Mime Type document.write(" "+ x + ", "); document Image Hidden Area Submit Location Anchor Reset Applet Radio History Plugin Checkbox Form Button 39 Select Option 40 18/01/2019 Bài giảng Thiết kế Web 39 18/01/2019 Bài giảng Thiết kế Web 40 3.1. Khái niệm đối tượng 3.1. Khái niệm đối tượng 3.1.2. Các câu lệnh thao tác trên đối tượng(tt) 3.1.2. Các câu lệnh thao tác trên đối tượng(tt) Ví dụ: person3= new person("Binh", "Nguyen Biến new Nhat", "24", "Male"); person4= new person("Hoan", "Do Van", Được thực hiện để tạo ra một thể hiện mới của một đối tượng function person(first_name, last_name, age, sex){ "23", "Male"); this.first_name=first_name; person1.printStats(); objectvar = new object_type ( param1 [,param2]... [,paramN]) this.last_name=last_name; person2.printStats(); this.age=age; Từ khóa This this.sex=sex; person3.printStats(); person4.printStats(); this.printStats=printStats; Được sử dụng để chỉ đối tượng hiện thời. } this [.property] function printStats() { with (document) { Lệnh With write ("Name: " + this.last_name + " " + this.first_name + "" ); Sử dụng để thiết lập đối tượng ngầm định cho một nhóm các write("Age: "+this.age+""); lệnh. write("Sex: "+this.sex+""); } with(object){ } person1= new person("Thuy", "Dau Bich", "23", // statement "Female"); person2= new person("Chung", "Nguyen Bao", 41 } 42 "24", "Male"); 18/01/2019 Bài giảng Thiết kế Web 41 18/01/2019 Bài giảng Thiết kế Web 42 7
- 3.2. Sự kiện & Xử lý sự kiện 3.2. Sự kiện & Xử lý sự kiện 3.2.1. Khái niệm sự kiện và xử lý sự kiện (tt) 3.2.1. Khái niệm sự kiện và xử lý sự kiện JavaScript là ngôn ngữ định hướng sự kiện, nghĩa là sẽ phản ứng trước các sự kiện như: Click chuột . . . function CheckAge(form) { if ( (form.AGE.value120) ) { Chương trình xử lý sự kiện (Event handler) là 1 đoạn alert("Tuổi nhập vào không hợp lệ! Mời bạn nhập lại"); form.AGE.value=0; mã hay 1 hàm được thực hiện để phản ứng trước 1 sự } } kiện được xác định là một thuộc tính của một thẻ HTML: Nhập vào tên của bạn: Tên Họ Age
- 3.3. Các đối tượng thường dùng 3.3. Các đối tượng thường dùng 3.3.1. Đối tượng window(tt) 3.3.1. Đối tượng window(tt) Các phương thức: Các phương thức: (tt) alert ("message") Hiển thị hộp thoại với chuỗi "message" và nút OK. clearTimeout(timeoutID) Xóa timeout do SetTimeout đặt. SetTimeout trả lại timeoutID confirm("message") Hiển thị hộp thoại với chuỗi "message", nút OK và Load a File into window2 nút Cancel. Trả lại trị True cho OK và False cho [windowVar = ][window]. Mở cửa sổ mới. open("URL", "windowName", [ "windowFeatures" ] ) prompt ("message“ Mở hộp hội thoại để nhận dữ liệu vào trường text. [,"defaultInput"]) TimeoutID = Đánh giá biểu thức expresion sau thời gian msec. 49 setTimeout(expression,msec) 50 18/01/2019 Bài giảng Thiết kế Web 49 18/01/2019 Bài giảng Thiết kế Web 50 3.3. Các đối tượng thường dùng 3.3. Các đối tượng thường dùng 3.3.2. Đối tượng forms 3.3.2. Đối tượng forms(tt) Các thuộc tính: Các phương thức: formName.submit() - Xuất dữ liệu của một form tên formName tới trang Action thuộc tính ACTION của thẻ FORM. xử lý. Phương thức này mô phỏng khi click vào nút submit trên form. Elements Mảng chứa các thành phần trong form (như checkbox, textBOX . . Encoding Xâu chứa kiểu MIME được sử dụng để mã hoá nội dung của form gửi cho server. length Số lượng các thành phần trong một form. Method Thuộc tính METHOD. target Xâu chứa tên của cửa sổ đích khi submit form 51 52 18/01/2019 Bài giảng Thiết kế Web 51 18/01/2019 Bài giảng Thiết kế Web 52 3.3. Các đối tượng thường dùng 3.3. Các đối tượng thường dùng 3.3.2. Đối tượng forms(tt) 3.3.2. Đối tượng forms(tt) Các phần tử của đối tượng Form: Phần tử Cú pháp Mô tả Ví dụ: Button Một nút Checkbox Một checkbox function calculate(form) { FileUpload Một phần tử cho phép sử dụng gửi File form.results.value = eval(form.entry.value); } Hidden Một trường ẩn Password Một trường text để nhập mật khẩu (*) Radio Một nút chọn Reset Một nút reset Enter a JavaScript mathematical expression: Select Một danh sách lựa chọn option1 option2 The result of this expression is: Submit Một nút submit Text Một trường text 53 textArea defaulttext Một trường text cho nhập nhiều dòng 54 18/01/2019 Bài giảng Thiết kế Web 53 18/01/2019 Bài giảng Thiết kế Web 54 9
- 3.3. Các đối tượng thường dùng 3.3. Các đối tượng thường dùng 3.3.2. Đối tượng forms(tt) 3.3.3. Đối tượng Date Các phương thức Ví dụ: dateVar.getYear() Trả lại năm function calculate(form,callingField) { dateVar.getMonth() Trả lại tháng (0-11) if (callingField == "result") { if (form.square.checked){ dateVar.getDate() Trả lại ngày trong tháng (1-31) form.entry.value = Math.sqrt(form.result.value); }else{ form.entry.value = form.result.value / 2;} dateVar.getDay() Trả lại ngày trong tuần (0=chủ nhật,...6=thứ bảy) }else{ dateVar.getHours() Trả lại giờ (0-23) . if (form.square.checked){ form.result.value=form.entry.value*form.entry.value; dateVar.getMinutes() Trả lại phút (0-59) }else { form.result.value = form.entry.value * 2; } dateVar.getSeconds() Trả lại giây (0-59) } } dateVar.setDate(dates) Đặt ngày trong tháng là dates cho dateVar. dateVar.setMonths(months) Đặt tháng là months cho dateVar. Value: dateVar.setYear(years) Đặt năm là years cho dateVar. Action: Square dateVar.setHours(hours) Đặt giờ là hours cho dateVar. Result: 55 56 dateVar.setSeconds(seconds) Đặt giây là seconds cho dateVar. 18/01/2019 Bài giảng Thiết kế Web 55 18/01/2019 Bài giảng Thiết kế Web 56 3.3. Các đối tượng thường dùng 3.3. Các đối tượng thường dùng 3.3.3. Đối tượng Date 3.3.4. Đối tượng Math Ví dụ Các thuộc tính d = new Date(); thu = d.getDay() ; ngay= d.getDate(); ngay= ((ngay< 10) ? '0' : '') + ngay; E Hằng số Euler, khoảng 2,718. thang= d.getMonth()+1; LN2 logarit tự nhiên của 2, khoảng 0,693. thang= ((thang< 10) ? '0' : '') + thang; nam= d.getYear(); LN10 logarit tự nhiên của 10, khoảng 2,302. gio = d.getHours(); phut = d.getMinutes(); LOG2E logarit cơ số 2 của e, khoảng 1,442. document.write("" +"Bây giờ là: "+ phut= ((phut< 10) ? '0' : '') + phut; PI Giá trị của pi, khoảng 3,14159. if(thu == 0) thu = " Chủ nhật"; gio + ":" + phut +"" ) ; if(thu == 1) thu = " Thứ hai"; document.write(" SQRT1_2 Căn bậc 2 của 0,5, khoảng 0,707. if(thu == 2) thu = " Thứ ba"; Hôm nay là:" + thu + ", ngày " + ngay + SQRT2 Căn bậc 2 của 2, khoảng 1,414. if(thu == 3) thu = " Thứ tư"; " tháng " + thang + " năm " + nam + if(thu == 4) thu = " Thứ năm"; ""); if(thu == 5) thu = " Thứ sáu"; if(thu == 6) thu = " Thứ bảy"; 57 58 18/01/2019 Bài giảng Thiết kế Web 57 18/01/2019 Bài giảng Thiết kế Web 58 3.3. Các đối tượng thường dùng 3.3. Các đối tượng thường dùng 3.3.4. Đối tượng Math(tt) 3.3.5. Đối tượng String Các phương thức Các phương thức str.charAt(a) Trả lại ký tự thứ a trong chuỗi str. str.fontcolor() Kết quả giống như thẻ . Math.abs (number) Trả lại giá trị tuyệt đối của number. str.fontsize(size) Kết quả giống như thẻ . Math.ceil (number) Trả lại số nguyên nhỏ nhất lớn hơn hoặc bằng number. str.index0f(srchStr Trả lại vị trí trong chuỗi str vị trí xuất hiện đầu tiên của Math.cos (number) Trả lại giá trị cosine của number. [,index]) chuỗi srchStr. Chuỗi str được tìm từ trái sang phải. Tham số index có thể được sử dụng để xác định vị trí bắt đầu tìm Math.floor (number) Trả lại số nguyên lớn nhất nhỏ hơn hoặc bằng number. kiếm Math.max (num1,num2) Trả lại giá trị lớn nhất giữa num1 và num2 str.small() Kết quả giống như thẻ trên chuỗi str. Math.min (num1,num2) Trả lại giá trị nhỏ nhất giữa num1 và num2. str.sub() Tạo ra một subscript cho chuỗi str, giống thẻ . Math.pos (base,exponent) Trả lại giá trị base luỹ thừa exponent. str.substring(a,b) Trả lại chuỗi con của str là các ký tự từ vị trí thứ a tới vị trí thứ b. Các ký tự được đếm từ trái sang phải bắt đầu từ 0. Math.round (number) Trả lại giá trị của number làm tròn tới số nguyên str.sup() Tạo ra superscript cho chuỗi str, giống thẻ . Math.sqrt (number) Trả lại căn bậc 2 của number. str.toLowerCase() Đổi chuỗi str thành chữ thường. …….. ………………. str.toUpperCase() Đổi chuỗi str thành chữ hoa. 59 60 …….. ………………. 18/01/2019 Bài giảng Thiết kế Web 59 18/01/2019 Bài giảng Thiết kế Web 60 10
- 3.3. Các đối tượng thường dùng 3.3. Các đối tượng thường dùng 3.3.6. Đối tượng history 3.3.7. Đối tượng links Sử dụng để lưu giữ các thông tin về các URL trước được sử Là đoạn văn bản hay ảnh là một liên kết. Các thuộc tính của dụng. Danh sách các URL được lưu trữ theo thứ tự thời đối tượng link chủ yếu xử lý về URL của các liên kết. gian. Các thuộc tính Các thuộc tính Length - Số lượng các URL trong đối tượng. Hostname Tên của host và domain (ww.abc.com). Các phương thức href Toàn bộ URL cho document hiện tại. history.back(): Để tham chiếu tới URL mới được thăm trước đây. Pathname Phần đường dẫn của URL (/chap1/page2.html). history.forward(): Để tham chiếu tới URL kế tiếp trong danh sách. port Cổng truyền thông được sử dụng cho máy tính host, thường là cổng ngầm định. Protocol Giao thức được sử dụng(http:). Target Giống thuộc tính target 61 62 ……….. ………………… 18/01/2019 Bài giảng Thiết kế Web 61 18/01/2019 Bài giảng Thiết kế Web 62 3.3. Các đối tượng thường dùng 3.3. Các đối tượng thường dùng 3.3.8. Đối tượng Navigator 3.3.9. Đối tượng document Được sử dụng để biết các thông tin về trình duyệt như số Đối tượng này chứa các thông tin về document hiện thời. phiên bản. Được tạo bằng cặp thẻ và . Các thuộc tính Các thuộc tính bgColor Giống thuộc tính Bgcolor. AppName Xác định tên trình duyệt. fgColor Giống thuộc tính Text. AppVersion Xác định thông tin về phiên bản của đối tượng navigator. forms Mảng tất cả các form trong document. ……. …………… links Mảng tất cả các link trong document. location URL đầy đủ của văn bản. referrer URL của văn bản gọi nó. title Nội dung của thẻ . …….. …………. 63 64 18/01/2019 Bài giảng Thiết kế Web 63 18/01/2019 Bài giảng Thiết kế Web 64 3.3. Các đối tượng thường dùng 3.3.9. Đối tượng document (tt) Các phương thức document.clear Xoá document hiện thời. document.write(expression1 Viết biểu thức ra một cửa sổ xác định. [,expression2]...[,expressionN]) ………… ………………… LỜI KẾT: Nên tham khảo toàn diện JavaScript trên Web của hãng Netscape (http://www.netscape.com) để có các thông tin mới nhất về ngôn ngữ này. 65 18/01/2019 Bài giảng Thiết kế Web 65 Phone: 0274. 3834930 Website: http://et.tdmu.edu.vn 11
CÓ THỂ BẠN MUỐN DOWNLOAD
-
Bài giảng Thiết kế Web: Chương 4 - Quy trình thiết kế giao diện Website
23 p | 213 | 45
-
Bài giảng Thiết kế Web - ThS. Phạm Đào Minh Vũ
325 p | 168 | 38
-
Bài giảng Thiết kế Web: Chương 3 - HTML cơ bản
45 p | 159 | 36
-
Bài giảng Thiết kế Web: Chương 6 - JavaScript
57 p | 163 | 35
-
Bài giảng Thiết kế Web: Chương 5 - CSS
21 p | 117 | 32
-
Bài giảng Thiết kế Web: Chương 2 - Tổng quan về Internet và Web
22 p | 129 | 32
-
Bài giảng Thiết kế Web: Chương 1 - Giới thiệu môn học
7 p | 192 | 30
-
Bài giảng Thiết kế Web: Chương 8 - Thiết kế Web với PHP và MySQL
28 p | 132 | 24
-
Bài giảng Thiết kế web: Chương 1 - Giới thiệu về Internet và web
33 p | 188 | 22
-
Bài giảng Thiết kế Web với Microsoft Frontpage 2003
107 p | 125 | 20
-
Bài giảng Thiết kế Web: Chương 7 - Một số đề tài NCKH môn Thiết kế Web 1
8 p | 102 | 18
-
Bài giảng Thiết kế Website: Chương 0 - ThS. Dương Thành Phết
16 p | 101 | 14
-
Bài giảng Thiết kế web: Chương 3 - Trường ĐH Thủ Dầu Một
15 p | 21 | 10
-
Bài giảng Thiết kế web: Chương 2 - Trường ĐH Thủ Dầu Một
13 p | 21 | 6
-
Bài giảng Thiết kế web: Chương 1 - Trường ĐH Thủ Dầu Một
5 p | 21 | 5
-
Bài giảng Thiết kế web kinh doanh: Chương 1 - Nguyễn Thị Hương Lý
23 p | 72 | 4
-
Bài giảng Thiết kế web kinh doanh: Chương 4 - Nguyễn Thị Hương Lý
94 p | 62 | 4
Chịu trách nhiệm nội dung:
Nguyễn Công Hà - Giám đốc Công ty TNHH TÀI LIỆU TRỰC TUYẾN VI NA
LIÊN HỆ
Địa chỉ: P402, 54A Nơ Trang Long, Phường 14, Q.Bình Thạnh, TP.HCM
Hotline: 093 303 0098
Email: support@tailieu.vn