Hướng dẫn dùng ẫ JavaScript

- Để sử dụng JavaScript trong trang web, chúng ta có hai cách cơ bản như sau:

  • Cách 1: Viết mã lệnh JavaScript trực tiếp vào trang web.
  • Cách 2: Viết mã lệnh JavaScript vào tập tin JavaScript (tập tin có phần đuôi là .js)

1) Viết mã lệnh trực tiếp vào trang web

- Mã lệnh JavaScript có thể được viết trực tiếp vào trang web thông qua cặp thẻ .

Trang web dưới đây sử dụng một đoạn

Xem ví dụ

- Các đoạn





    Lập Trình Web


    

Tài liệu học HTML

Tài liệu học JavaScript

Xem ví dụ

- Bên trong đoạn

  • Bấm vào "File" rồi chọn "Save As"
  • Chọn thư mục để lưu tập tin
  • Tên tập tin phải có phần mở rộng là .js
    (Ở hướng dẫn này, tôi tạo tập tin JavaScript có tên là myscript)
  • Chỗ Encoding chọn "UTF-8"
  • Cuối cùng, bấm nút "Save" để lưu tập tin

Hướng dẫn dùng ẫ JavaScript

2.2) Cách viết mã lệnh trong tập tin JavaScript

- Cách viết mã lệnh trong tập tin JavaScript cũng giống như cách viết mã lệnh trực tiếp vào trang web. Điểm khác nhau là khi viết mã lệnh trong tập tin JavaScript thì ta không cần đặt các câu lệnh bên trong cặp thẻ .

- Ví dụ, cách viết mã lệnh trong tập tin myscript.js dưới đây là ĐÚNG.

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";

- Ví dụ, cách viết mã lệnh trong tập tin myscript.js dưới đây là SAI.

2.3) Cách nhúng tập tin JavaScript vào trang web

- Để nhúng tập tin JavaScript vào trang web thì ta chỉ cần thêm vào trang web cặp thẻ

- Lưu ý: Đườ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





    Lập Trình Web


    

Tài liệu học HTML

Tài liệu học JavaScript

Xem ví dụ

- Ta có thể nhúng tập tin JavaScript ở bất kỳ nơi nào trong trang web. Tuy nhiên nên đặt chúng ở vị trí cuối cùng trong phần tử giống ví dụ phía trên. Điều đó giúp cải thiện tốc độ tải giao diện của trang web và tránh một số trường hợp xảy ra lỗi thực thi ngoài mong đợi.

- Bạn sẽ được tìm hiểu kỹ về vấn đề này ở bài Nguyên lý thực thi mã lệnh trong JavaScript.

- Trong một trang web có thể nhúng nhiều tập tin JavaScript.





    Lập Trình Web


    

Tài liệu học HTML

Tài liệu học JavaScript

Xem ví dụ

3) Kết luận

- Giữa việc viết mã lệnh trong tập tin JavaScript và viết trực tiếp vào trang web thì chúng ta nên dùng cách viết mã lệnh trong tập tin JavaScript. Bởi vì đối với những chương trình lớn khoảng vài trăm hoặc vài nghìn dòng, việc viết vào tập tin JavaScript sẽ giúp ta dễ quan sát, quản lý cũng như cập nhật nâng cấp mã nguồn hơn.

- Tuy nhiên, những ví dụ trong loạt bài hướng dẫn học JavaScript này đa số khoảng từ 20 dòng lệnh đổ lại nên chúng tôi sử dụng cách viết mã lệnh JavaScript trực tiếp vào trang web để bạn dễ quan sát tổng thể hơn.