Hướng dẫn where javascript is used in website? - nơi javascript được sử dụng trong trang web?

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ử <script>. Có hai cách để sử dụng script, tùy thuộc vào việc bạn có liên kết với tập lệnh bên ngoài hay nhúng tập lệnh ngay trong trang web của bạn.

Liên kết một kịch bản bên ngoài

Thông thường, bạn sẽ được viết các tập lệnh trong các tệp .js của riêng họ. Nếu bạn muốn thực thi tập lệnh.

<script src="path/to/my/script.js"></script>

Viết JavaScript trong HTML

Bạn cũng có thể thêm mã JavaScript giữa các thẻ <script> thay vì cung cấp thuộc tính src.

<script>
  window.addEventListener("load", () => {
    console.log("This function is executed once the page is fully loaded");
  });
</script>

Điều đó thuận tiện khi bạn chỉ cần một chút JavaScript, nhưng nếu bạn giữ JavaScript trong các tệp riêng biệt, bạn sẽ thấy dễ dàng hơn

• 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 a 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 <noscript> như thế này: <noscript>To use this site, please enable JavaScript.</noscript>
  • 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, <noscript> không có lý do gì để viết các tập lệnh không thể truy cập.does have JavaScript enabled, <noscript> is no excuse for writing inaccessible scripts.

Tìm hiểu thêm