Hướng dẫn when you access a website containing javascript code, where does the code get executed? - Khi bạn truy cập một trang web có chứa mã javascript, mã sẽ được thực thi ở đâu?

Đưa các trang web của bạn lên cấp độ tiếp theo bằng cách khai thác JavaScript. Tìm hiểu trong bài viết này làm thế nào để kích hoạt JavaScript ngay từ các tài liệu HTML của bạn.

Nội dung chính Show

Về JavaScript
Cách kích hoạt JavaScript từ HTML
Liên kết một kịch bản bên ngoài
Viết JavaScript trong HTML
Sử dụng kịch bản có thể truy cập được
Tìm hiểu thêm
Mã JavaScript thường thực thi ở đâu?
Khi bạn truy cập một trang web chứa mã JavaScript, mã sẽ lấy ở đâu?
Làm thế nào mã được thực thi trong JavaScript?
Trường hợp JavaScript được nhúng vào các trang web được thực thi?

Về JavaScript

JavaScript là ngôn ngữ lập trình chủ yếu được sử dụng phía khách hàng để làm cho các trang web tương tác. Bạn có thể tạo các trang web tuyệt vời mà không cần JavaScript, nhưng JavaScript mở ra một mức độ khả năng hoàn toàn mới.

Lưu ý: Trong bài viết này, chúng tôi sẽ xem mã HTML mà bạn cần để làm cho JavaScript có hiệu lực. Nếu bạn muốn tự học JavaScript, bạn có thể bắt đầu với bài viết cơ bản của JavaScript của chúng tôi. Nếu bạn đã biết điều gì đó về JavaScript hoặc nếu bạn có nền tảng với các ngôn ngữ lập trình khác, chúng tôi khuyên bạn nên nhảy trực tiếp vào hướng dẫn JavaScript của chúng tôi. In this article we're going over the HTML code you need to make JavaScript take effect. If you want to learn JavaScript itself, you can start with our JavaScript basics article. If you already know something about JavaScript or if you have a background with other programming languages, we suggest you jump directly into our JavaScript Guide.

Cách kích hoạt JavaScript từ HTML

Trong một trình duyệt, JavaScript không tự làm gì. Bạn chạy JavaScript từ bên trong các trang web HTML của bạn. Để gọi mã JavaScript từ bên trong HTML, bạn cần phần tử

Tập trung vào công việc của bạn
Viết HTML tự túc
Viết các ứng dụng JavaScript có cấu trúc

`Sử dụng kịch bản có thể truy cập được`

Khả năng truy cập là một vấn đề lớn trong bất kỳ phát triển phần mềm. JavaScript có thể làm cho trang web của bạn dễ tiếp cận hơn nếu bạn sử dụng nó một cách khôn ngoan hoặc nó có thể trở thành một thảm họa nếu bạn sử dụng kịch bản mà không cần quan tâm. Để làm cho JavaScript hoạt động có lợi cho bạn, đáng để biết về các thực tiễn tốt nhất nhất định để thêm JavaScript:

Làm cho tất cả nội dung có sẵn dưới dạng văn bản (cấu trúc). Dựa vào HTML cho nội dung của bạn càng nhiều càng tốt. Ví dụ: nếu bạn đã triển khai một thanh tiến trình JavaScript đẹp, hãy đảm bảo bổ sung nó bằng tỷ lệ phần trăm văn bản phù hợp bên trong HTML. Tương tự như vậy, các menu thả xuống của bạn nên được cấu trúc dưới dạng danh sách các liên kết chưa được đặt hàng. Rely on HTML for your content as much as possible. For example, if you've implemented a nice JavaScript progress bar, make sure to supplement it with matching text percentages inside the HTML. Likewise, your drop-down menus should be structured as unordered lists of links.
Làm cho tất cả các chức năng có thể truy cập từ bàn phím.Cho phép tab người dùng thông qua tất cả các điều khiển (ví dụ: liên kết và đầu vào biểu mẫu) theo thứ tự hợp lý. Nếu bạn sử dụng các sự kiện con trỏ (như sự kiện chuột hoặc sự kiện cảm ứng), hãy sao chép chức năng với các sự kiện bàn phím. Kiểm tra trang web của bạn chỉ bằng bàn phím.
Đừng đặt ra thậm chí cũng không đoán giới hạn thời gian. Phải mất thêm thời gian để điều hướng với bàn phím hoặc nghe nội dung đọc ra. Bạn khó có thể dự đoán sẽ mất bao lâu để người dùng hoặc trình duyệt hoàn thành một quy trình (đặc biệt là các hành động không đồng bộ như tải tài nguyên). It takes extra time to navigate with the keyboard or hear content read out. You can hardly ever predict just how long it will take for users or browsers to complete an process (especially asynchronous actions such as loading resources).
Giữ hình ảnh động tinh tế và ngắn gọn mà không có nhấp nháy. Nhấp nháy là khó chịu và có thể gây co giật. Ngoài ra, nếu một hình ảnh động kéo dài hơn một vài giây, hãy cung cấp cho người dùng một cách để hủy nó. Flashing is annoying and can cause seizures. Additionally, if an animation lasts more than a couple seconds, give the user a way to cancel it.
Cho phép người dùng bắt đầu tương tác. Điều đó có nghĩa là, không cập nhật nội dung, chuyển hướng hoặc tự động làm mới. Không sử dụng băng chuyền hoặc hiển thị cửa sổ bật lên mà không có cảnh báo. That means, don't update content, redirect, or refresh automatically. Don't use carousels or display popups without warning.
Có một kế hoạch B cho người dùng không có JavaScript. Mọi người có thể đã tắt JavaScript để cải thiện tốc độ và bảo mật và người dùng thường phải đối mặt với các vấn đề mạng ngăn chặn các tập lệnh tải. Hơn nữa, các tập lệnh của bên thứ ba (quảng cáo, theo dõi tập lệnh, phần mở rộng trình duyệt) có thể phá vỡ các tập lệnh của bạn. People may have JavaScript turned off to improve speed and security, and users often face network issues that prevent loading scripts. Moreover, third-party scripts (ads, tracking scripts, browser extensions) might break your scripts. Tối thiểu, để lại một tin nhắn ngắn với Lý tưởng nhất là sao chép chức năng JavaScript bằng HTML và kịch bản phía máy chủ khi có thể. Nếu bạn chỉ tìm kiếm các hiệu ứng hình ảnh đơn giản, CSS thường có thể hoàn thành công việc thậm chí trực quan hơn. Vì hầu hết mọi người đều có JavaScript được bật,