BÀI GIẢNG MÔN THIẾT KẾ WEB: NGÔN NGỮ JavaScript

Tham khảo tài liệu 'bài giảng môn thiết kế web: ngôn ngữ javascript', công nghệ thông tin, kỹ thuật lập trình phục vụ nhu cầu học tập, nghiên cứu và làm việc hiệu quả
Nội dung trích xuất từ tài liệu:
BÀI GIẢNG MÔN THIẾT KẾ WEB: NGÔN NGỮ JavaScript Bài Gi ng Môn Thi t K Web Ph n 2 : Ngôn Ng K ch B n JavaScript form.result.value=form.entry.value*form.entry.value; } else { form.result.value = form.entry.value * 2; } } } Value: Action: Double Square Result: g. Ph n t reset S d ng i tư ng reset, cũng gi ng i tư ng button, i tư ng reset có hai thu c tính là name và value và m t s ki n onClick. i tư ng reset dùng xoá form. Ví d : Trang ResetButton.htm minh ho cách s d ng nút reset xoá các giá tr c a form. reset Example function clearForm(form) { form.value1.value = Form; form.value2.value = Cleared; } This is trial version Biên s an: Dương Thành Ph t Trang 51 www.adultpdf.com Bài Gi ng Môn Thi t K Web Ph n 2 : Ngôn Ng K ch B n JavaScript h. Ph n t select Danh sách l a ch n trong các form xu t hi n menu drop-down ho c danh sách cu n ư c c a các i tư ng có th ư c l a ch n. Các danh dách ư c xây d ng b ng cách s d ng hai th SELECT và OPTION. 1 2 3 T o ra ba thành ph n c a menu th drop-down v i ba l a ch n 1,2 và 3. S d ng thu c tính SIZE b n có th t o ta m t danh sách cu n v i s ph n t hi n th l n th nh t. bt menu drop-down trong m t menu cu n v i hai thành ph n hi n th , b n có th s d ng như sau: 1 2 3 Trong c hai VÍ D : trên, ngư i s d ng ch có 1 l a ch n. N u s d ng thu c tính MULTIPLE, b n có th cho phép ngư i s d ng l a ch n nhi u hơn 1 giá tr trong danh sách l a ch n: 1 2 3 Danh sách l a ch n trong JavaScript là i tư ng select. i tư ng này t o ra m t vài thành ph n tương t các button và radio. V i các thành ph n l a ch n, danh sách các l a ch n ư c ch a trong m t m ng ư c ánh s t 0. Trong trư ng h p này, m ng là m t thu c tính c a i tư ng select g i là options. C vi c l a ch n các option và t ng ph n t option riêng bi t u có nh ng thu c tính. B sung thêm vào m ng option, ph n t select có thu c tính selectedIndex, có ch a s th t c a option ư c l a ch n hi n th i. M i option trong danh sách l a ch n u có m t vài thu c tính: DEFAULTSELECTED Cho bi t option có m c nh là ch n trong th OPTION hay không. INDEX Ch a giá tr s th t c a option h ên th i trong m ng option. This is trial version Biên s an: Dương Thành Ph t Trang 52 www.adultpdf.com Bài Gi ng Môn Thi t K Web Ph n 2 : Ngôn Ng K ch B n JavaScript SELECTED Cho bi t tr ng thái hi n th i c a option TEXT Có ch a giá tr c a dòng text hi n th trên menu cho m i option, và thu c tính value m i giá tr ch ra trong th OPTION. Ví d : Có danh sách l a ch n sau: 1 2 3 Khi l n u tiên hi n th b n có th truy nh p t i các thông tin sau: example.options[1].value = The Second example.options[2].text = 3 example.selectedIndex = 0 example.options[0].defaultSelected = true example.options[1].selected = false N u ngư i s d ng kích vào menu và l a ch n option th hai, thì th onFocus s th c hi n, và khi ó giá tr c a thu c tính s là: example.options[1].value = The Second example.options[2].text = 3 example.selectedIndex = 1 example.options[0].defaultSelected = true example.options[1].selected = true Có th thêm các l a ch n m i vào danh sách b ng cách s d ng i tư ng xây d ng Option() theo cú pháp: newOptionName = new Option(optionText, optionValue, defaultSelected, selected); selectListName.options[index] = newOptionName; Vi c t o i tư ng option() này v i dòng text ư c ch trư c, defaultSelected và selected như trên ã nh ra nh ng giá tr ki u Boolean. i tư ng này ư c liên k t vào danh sách l a ch n ư c th c hi n b ng index. Các l a ch n có th b xoá trong danh sách l a ch n b ng cách g n giá tr null cho i tư ng mu n xoá selectListName.options[index] = null; i. Ph n t submit Nút Submit là m t trư ng h p c bi t c a button, cũng như nút Reset. Nút này ưa thông tin hi n t i t các trư ng c a form t i a ch URL ư c ch ra trong thu c tính ACTION c a th form s d ng cách th c METHOD ch ra trong th FORM. j. Ph n t Text Ph n t này n m trong nh ng ph n t hay ư c s d ng nh t trong các form HTML. Trư ng text cho phép nh p vào m t dòng ơn. This is trial version Biên s an: Dương Thành Ph t Trang 53 www.adultpdf.com Bài Gi ng Môn Thi t K Web Ph n 2 : Ngôn Ng K ch B n JavaScript B ng sau mô t các thu c tính và phương th c. Cách th c và thu c tính Mô t defaultValue Ch ra giá tr m c nh c a ph n t ư c ch ra trong th INPUT (thu c tính) name Tên c a i tư ng ư c ch ra trong th INPUT (thu c tính) value Giá tr hi n th i c a ...