Trong quá trình phát triển trang web, sử dụng JavaScript là điều không thể thiếu. Nhưng bạn biết cách sử dụng JavaScript cho trang web của mình sao cho hiệu quả? Trong bài viết này, chúng tôi sẽ giới thiệu cho bạn hai cách cơ bản để sử dụng JavaScript trong trang web.
Contents
1) Viết mã lệnh trực tiếp vào trang web
Đầu tiên, bạn có thể viết mã lệnh JavaScript trực tiếp vào trang web bằng cách sử dụng cặp thẻ script
. Bạn có thể sử dụng nhiều đoạn mã lệnh JavaScript trên cùng một trang web và trong mỗi đoạn mã lệnh không có giới hạn về số lượng câu lệnh.
2) Viết mã lệnh vào tập tin JavaScript
Tuy nhiên, nếu viết mã lệnh JavaScript trực tiếp vào trang web có thể khiến mã nguồn trang web trở nên rối rắm và khó quản lý. Để giải quyết vấn đề này, bạn có thể viết mã lệnh vào tập tin JavaScript và sau đó nhúng tập tin JavaScript vào trang web.
2.1) Cách tạo tập tin JavaScript
Đầu tiên, hãy mở Notepad lên và lưu tập tin với phần mở rộng .js
. Lưu ý chọn mã hóa là “UTF-8” để đảm bảo tương thích với mọi trình duyệt.
2.2) Cách viết mã lệnh trong tập tin JavaScript
Khi viết mã lệnh trong tập tin JavaScript, bạn không cần phải đặt câu lệnh trong thẻ script
như khi viết trực tiếp vào trang web.
Ví dụ, dưới đây là cách viết mã lệnh trong tập tin myscript.js
:
document.getElementById("demo1").innerHTML = "Tài liệu học CSS";
document.getElementById("demo2").innerHTML = "Tài liệu học MySQL";
document.getElementById("demo3").innerHTML = "Tài liệu học PHP";
2.3) Cách nhúng tập tin JavaScript vào trang web
Để nhúng tập tin JavaScript vào trang web, bạn chỉ cần sử dụng thẻ script
với thuộc tính src
và chỉ định đường dẫn đến tập tin JavaScript.
<script src="đường dẫn đến tập tin JavaScript"></script>
Lưu ý rằng, đường dẫn đến tập tin JavaScript có thể là đường dẫn tương đối hoặc đường dẫn tuyệt đối. Bên cạnh đó, trong một trang web có thể nhúng nhiều tập tin JavaScript.
3) Kết luận
Trên đây là hai cách cơ bản để sử dụng JavaScript cho trang web của bạn. Tuy nhiên, để đảm bảo mã nguồn của trang web dễ quan sát, quản lý và cập nhật, chúng tôi khuyên bạn nên sử dụng cách viết mã lệnh trong tập tin JavaScript.
Mặc dù ví dụ trong bài viết này khá đơn giản, nhưng với những trang web lớn với hàng trăm hoặc hàng nghìn dòng lệnh, việc sử dụng tập tin JavaScript sẽ giúp bạn dễ dàng quản lý và nâng cấp mã nguồn.
Hy vọng rằng bài viết này đã giúp bạn hiểu rõ hơn về cách sử dụng JavaScript cho trang web của mình.