Cách chính để tạo hiệu ứng động trên các trang web là thông qua việc sử dụng các tập lệnh phía máy khách. Chúng là những đoạn mã được thông dịch bởi công cụ kịch bản của ứng dụng hiển thị tài liệu. JavaScript là một ngôn ngữ lập trình phổ biến được sử dụng để viết kịch bản. Để tập lệnh có thể thực thi, nó phải được chèn vào tài liệu theo một cách nào đó.
Nó là cần thiết
- - mã script;
- - tài liệu nguồn;
- - trình soạn thảo văn bản.
Hướng dẫn
Bước 1
Xác định cách tốt nhất để chèn tập lệnh. Nếu giả định rằng cùng một tập lệnh sẽ được sử dụng trong các tài liệu khác nhau, thì việc di chuyển nó sang một tệp bên ngoài và kết nối nó từ đó là rất hợp lý. Nếu không, bạn nên nhúng văn bản script vào phần nội dung của trang. Nếu kích thước của tập lệnh lớn, bạn nên đặt nó vào một khối riêng biệt trong tài liệu. Nếu mã chương trình có dung lượng nhỏ và thực hiện phản ứng với bất kỳ sự kiện nào, thì có thể đặt nó vào thuộc tính xác định trình xử lý sự kiện tích hợp của phần tử hoặc thuộc tính href của liên kết.
Bước 2
Dán tập lệnh từ một nguồn bên ngoài. Thêm phần tử SCRIPT với các thuộc tính src và type được chỉ định vào phần thân tài liệu hoặc phần HEAD. Ví dụ, bạn có thể làm như sau: Giá trị của thuộc tính src phải là một URI trỏ đến tài nguyên mà từ đó văn bản script sẽ được tải. Thuộc tính charset là tùy chọn. Nó cho biết mã hóa của văn bản script. Nhưng nếu nó bị bỏ qua, giá trị mã hóa sẽ được lấy làm giá trị mã hóa của tài liệu mà tập lệnh được chèn vào.
Bước 3
Chèn tập lệnh vào văn bản của trang. Sử dụng phần tử SCRIPT với văn bản script bên trong. Ví dụ, nó có thể trông như thế này:
alert ("Tập lệnh đang hoạt động!");
Nhận xét HTML kèm theo mã là bắt buộc để tương thích với các trình duyệt cũ hơn. Bạn có thể sử dụng các chú thích XML trong các tài liệu XHTML.
Bước 4
Chèn mã javascript vào trình xử lý sự kiện nội tuyến. Tìm phần tử trong tài liệu có sự kiện bạn muốn xử lý. Thêm một thuộc tính xác định trình xử lý thích hợp. Ví dụ: thuộc tính chỉ định trình xử lý cho một lần nhấp chuột vào một phần tử là nhấp chuột, trình xử lý mất tín hiệu lấy nét là bật tắt và trình xử lý tổ hợp phím là bật phím.
Bước 5
Nhập mã tập lệnh dưới dạng văn bản chỉ định giá trị của thuộc tính được thêm vào. Ví dụ: để hiển thị thông báo khi một phần tử DIV được nhấp bằng chuột, bạn có thể sử dụng cấu trúc sau: Văn bản văn bản Văn bản Lưu ý rằng để xác định các ký tự chuỗi trong mã xử lý phần tử nội tuyến, bạn phải sử dụng loại dấu ngoặc kép khác với chỉ định giá trị của thuộc tính HTML …
Bước 6
Thêm tập lệnh vào phần tử href của liên kết. Giá trị href phải là một URL, bộ mô tả giao thức là "javascript:" và phần địa chỉ là một biểu thức được tính toán. Ví dụ: Liên kết văn bản Nếu bạn cần sử dụng nhiều biểu thức, hãy sử dụng khối câu lệnh được xác định bởi dấu ngoặc vuông {và}.
