Làm cách nào để chạy JavaScript trong HTML?

Giới thiệu về JavaScript

JavaScript là ngôn ngữ lập trình chủ yếu được sử dụng phía máy khách để 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 cấp độ khả năng hoàn toàn mới

Ghi chú. Trong bài viết này, chúng ta sẽ xem xét mã HTML mà bạn cần để 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 về 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ề các ngôn ngữ lập trình khác, chúng tôi khuyên bạn nên xem trực tiếp Hướng dẫn về JavaScript của chúng tôi

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

Trong trình duyệt, JavaScript không tự làm bất cứ điều gì. Bạn chạy JavaScript từ bên trong các trang web HTML của mình. Để gọi mã JavaScript từ bên trong HTML, bạn cần có phần tử . Có hai cách để sử dụng script, tùy thuộc vào việc bạn đang 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 mình

Liên kết một tập lệnh bên ngoài

Thông thường, bạn sẽ viết kịch bản theo cách riêng của họ. tập tin js. Nếu bạn muốn thực hiện một. js từ trang web của bạn, chỉ cần sử dụng với thuộc tính src trỏ đến tệp tập lệnh, sử dụng URL của nó

Viết JavaScript trong HTML

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

  window.addEventListener["load", [] => {
    console.log["This function is executed once the page is fully loaded"];
  }];

Đ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
• tự viết HTML
• viết các ứng dụng JavaScript có cấu trúc

Sử dụng tập lệnh dễ tiếp cận

Khả năng truy cập là một vấn đề chính trong bất kỳ sự phát triển phần mềm nào. JavaScript có thể làm cho trang web của bạn dễ truy cập 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 thảm họa nếu bạn sử dụng tập lệnh một cách cẩu thả. Để làm cho JavaScript hoạt động có lợi cho bạn, bạn nên biết về một số phương pháp hay nhất nhất định để thêm JavaScript

Để bao gồm tệp JavaScript bên ngoài, chúng ta có thể sử dụng thẻ script có thuộc tính src. Bạn đã sử dụng thuộc tính src khi sử dụng hình ảnh. Giá trị cho thuộc tính src phải là đường dẫn đến tệp JavaScript của bạn

Thẻ tập lệnh này phải được bao gồm giữa các thẻ trong tài liệu HTML của bạn

Tệp JavaScript

• Luôn kết thúc bằng phần mở rộng js
• Chỉ bao gồm JavaScript

Theo thông lệ, đặt tất cả các tệp JavaScript vào một thư mục có tên là js trên các trang web, như vậy

Bản demo đơn giản bao gồm JavaScript

Dưới đây là minh họa rất đơn giản về cách đưa tệp JavaScript bên ngoài vào trang HTML

JavaScript của người khác

Đối với lớp này, bạn không cần phải viết bất kỳ mã JavaScript thực tế nào. Thật may mắn cho bạn, nhiều người đã viết rất nhiều JavaScript và thậm chí còn cho phép bạn sử dụng nó miễn phí

Khung JavaScript

Framework về cơ bản là một thư viện mã cho một ngôn ngữ nhất định. Nói chung, khung trừu tượng hóa các tác vụ phổ biến và giúp các nhà thiết kế và nhà phát triển viết mã cụ thể của họ dễ dàng và nhanh hơn. Các khung không thực sự tự làm bất cứ điều gì, chúng chỉ cung cấp một nền tảng dễ dàng hơn để mọi người xây dựng trên đó

Khung JavaScript phổ biến

Trong số các khung này, JQuery hiện là khung phổ biến nhất. Đó cũng là từ mà bạn muốn gặp nhất khi được sử dụng như một từ thông dụng

Kích thước tệp JavaScript

Nhiều tệp JavaScript có xu hướng khá lớn, điều này có thể làm chậm thời gian tải trang của bạn. Các khung phổ biến thường cung cấp phiên bản mã "rút gọn" của chúng. Bạn phải luôn sử dụng phiên bản này trong các trang của mình vì phiên bản này sẽ có kích thước tệp nhỏ hơn

JavaScript có thể được sử dụng trong HTML như thế nào?

Làm cách nào để chạy JavaScript trong trình duyệt?

Làm cách nào để nội tuyến JavaScript trong HTML?