Thông tin tài liệu
JAVASCRIPT & DOM HTML JAVASCRIPT & DOM HTML Nội dung Nội dung Giới thiệu về Javascript Giới thiệu về Javascript Nhúng Javascript vào trang web Nhúng Javascript vào trang web Kiểu dữ liệu & cú pháp trong Javascript Kiểu dữ liệu & cú pháp trong Javascript Xử lý sự kiện Xử lý sự kiện DOM HTML với Javascript DOM HTML với Javascript Ví dụ Ví dụ Nội dung Nội dung Giới thiệu về Javascript Giới thiệu về Javascript Nhúng Javascript vào trang web Nhúng Javascript vào trang web Kiểu dữ liệu & Các cú pháp Javascript Kiểu dữ liệu & Các cú pháp Javascript Xử lý sự kiện Xử lý sự kiện DOM HTML với Javascript DOM HTML với Javascript Ví dụ Ví dụ Giới thiệu về Javascript Giới thiệu về Javascript Là ngôn ngữ Client-side script hoạt động trên Là ngôn ngữ Client-side script hoạt động trên trình duyệt của người dùng ( client ) trình duyệt của người dùng ( client ) Chia sẻ xử lý trong ứng dụng web. Giảm các xử Chia sẻ xử lý trong ứng dụng web. Giảm các xử lý không cần thiết trên server. lý không cần thiết trên server. Giúp tạo các hiệu ứng, tương tác cho trang web. Giúp tạo các hiệu ứng, tương tác cho trang web. Giới thiệu về Javascript Giới thiệu về Javascript Client-Side Client-Side Script Script : : Script được thực thi tại Client-Side ( trình duyệt ): Script được thực thi tại Client-Side ( trình duyệt ): Thực hiện các tương tác với người dùng ( tạo menu Thực hiện các tương tác với người dùng ( tạo menu chuyển động, … ) , kiểm tra dữ liệu nhập, … chuyển động, … ) , kiểm tra dữ liệu nhập, … Server-Side Script: Server-Side Script: Script được xử lý tại Server-Side, nhằm tạo các Script được xử lý tại Server-Side, nhằm tạo các trang web có khả năng phát sinh nội dung động. trang web có khả năng phát sinh nội dung động. Một số xử lý chính: kết nối CSDL, truy cập hệ Một số xử lý chính: kết nối CSDL, truy cập hệ thống file trên server, phát sinh nội dung html trả thống file trên server, phát sinh nội dung html trả về người dùng… về người dùng… Giới thiệu về Javascript Giới thiệu về Javascript o Khi trình duyệt (Client browser) truy cập trang web có chứa các đoạn mã xử lý tại server-side. Server ( run-time engine) sẽ thực hiện các lệnh Server-side Scipts và trả về nội dung HTML cho trình duyệt Nội dung html trả về chủ yếu bao gồm: mã html, client-script. Nội dung Nội dung Giới thiệu về Javascript Giới thiệu về Javascript Nhúng Javascript vào trang web Nhúng Javascript vào trang web Kiểu dữ liệu & Các cú pháp Javascript Kiểu dữ liệu & Các cú pháp Javascript Xử lý sự kiện Xử lý sự kiện DOM HTML với Javascript DOM HTML với Javascript Ví dụ Ví dụ Nhúng Javascript vào trang web Nhúng Javascript vào trang web Định nghĩa script trực tiếp trong trang html: Định nghĩa script trực tiếp trong trang html: <script <script type=“ type=“ text/javascript text/javascript ” ” > > <! <! // Lệnh Javascript // Lệnh Javascript > > </script> </script> Nhúng sử dụng script cài đặt từ 1 file Nhúng sử dụng script cài đặt từ 1 file .js .js khác: khác: <script <script src=“ src=“ xxx.js xxx.js ” ” ></script> ></script> Nhúng Javascript vào trang web Nhúng Javascript vào trang web <html> <html> <head> <head> < < script script type="text/javascript"> type="text/javascript"> some statements some statements < < /script /script > > </head> </head> <body> <body> < < script script type="text/javascript"> type="text/javascript"> some statements some statements < < /script /script > > < < script script src=“Tên_file_script.js">method()< src=“Tên_file_script.js">method()< /script /script > > <script <script type=“text/javascript”> type=“text/javascript”> // gọi thực hiện các phương thức được định nghĩa // gọi thực hiện các phương thức được định nghĩa // trong “Tên_file_script.js” // trong “Tên_file_script.js” </script> </script> </body> </body> </html> </html> <script type="text/javascript"> <script type="text/javascript"> some javascript statements some javascript statements </script> </script> Nhúng Javascript vào trang web Nhúng Javascript vào trang web Đặt giữa tag <head> và </head>: script sẽ thực Đặt giữa tag <head> và </head>: script sẽ thực thi ngay khi trang web được mở. thi ngay khi trang web được mở. Đặt giữa tag <body> và </body>: script trong Đặt giữa tag <body> và </body>: script trong phần body được thực thi khi trang web đang mở phần body được thực thi khi trang web đang mở (sau khi thực thi các đoạn script có trong phần (sau khi thực thi các đoạn script có trong phần <head>). <head>). Số lượng đoạn client-script chèn vào trang Số lượng đoạn client-script chèn vào trang không hạn chế. không hạn chế. [...]... Giới thiệu về Javascript Nhúng Javascript vào trang web Kiểu dữ liệu & Các cú pháp Javascript Sử dụng các đối tượng trong Javascript Xử lý sự kiện DOM HTML với Javascript Ví dụ Đối tượng HTML DOM DOM = Document Object Model Là tập hợp các đối tượng HTML chuẩn được dùng để truy xuất và thay đổi thành phần HTML trong trang web ( thay đổi nội dung tài liệu của trang ) Một số đối tượng của DOM: window,...VD: Nhúng Javascript vào trang web document.write(“Hello world!”); document.write(“Hello world!”); < /html> Nội dung Giới thiệu về Javascript Nhúng Javascript vào trang web Kiểu dữ liệu & Các cú pháp Javascript Xử lý sự kiện DOM HTML với Javascript Ví dụ Biến số trong Javascript Cách đặt tên biến ... thiệu về Javascript Nhúng Javascript vào trang web Kiểu dữ liệu & Các cú pháp Javascript Xử lý sự kiện DOM HTML với Javascript Ví dụ Các sự kiện thông dụng Các sự kiện được hỗ trợ bởi hầu hết các đối tượng onClick onFocus onChange onBlur onMouseOver onMouseOut onMouseDown onMouseUp onLoad onSubmit onResize ……… Xử lý sự kiện cho các thẻ HTML Cú pháp 1: . “Tên_file_script.js” </script> </script> </body> </body> < /html& gt; < /html& gt; <script type="text /javascript& quot;> <script type="text /javascript& quot;> . < < /script /script > > </head> </head> <body> <body> < < script script type="text /javascript& quot;> type="text /javascript& quot;> . Nhúng Javascript vào trang web < ;html& gt; < ;html& gt; <body> <body> document.write(“Hello world!”); <script type="text /javascript& quot;> <script type="text /javascript& quot;>
Ngày đăng: 27/06/2014, 12:20
Xem thêm: JAVASCRIPT & DOM HTML pot
