Tập lệnh liên kết html

Bạn có thể khai báo lệnh JavaScript ở bất kỳ nơi nào trong tài liệu HTML một cách linh hoạt. Tuy nhiên, cách được ưu tiên nhất để nhúng JavaScript vào HTML như sau

• Trong thẻ HTML ...
• Trong thẻ HTML ...
• Linked with file. js from outside, path of file. js được khai báo trong thẻ HTML
  Tương tự như với CSS, dưới đây mình sẽ hướng dẫn bạn 03 cách nhúng (chèn) JavaScript vào HTML. Tùy trường hợp mà bạn vận chuyển sẽ áp dụng cách tương ứng

  Cách nhúng (chèn) JavaScript vào HTML

  Cách một, nhúng kiểu JavaScript Nội bộ

  Nhúng Nội bộ có thể hiểu là chúng ta chèn mã JavaScript vào một cụm từ bất kỳ trong tệp HTML. Thông thường thì anh em hay nhóm nó vào trong cặp thẻ và    .

  Các bạn thử 02 ví dụ nhúng HTML kiểu Internal dưới đây. Các bạn có thể dán mã dưới đây vào một định dạng tệp. html bằng notepad và mở nó bằng trình duyệt để xem

  • Nhúng vào cặp thẻ .

  
      
          
           
      
       
           Nội dung website       
      
  

  • Nhúng vào cặp thẻ .

  
      
          
      
       
           
        Nội dung website       
      
  

  Cách hai, nhúng kiểu JavaScript nội tuyến

  Đối với cách nhúng nội tuyến chúng ta có thể chèn ngay vị trí bất kỳ của một dòng mã HTML. Trong ví dụ dưới đây mình sẽ tạo 03 vùng chọn tương ứng với 03 thẻ , trong đó mình chọn thẻ

  ở giữa là class .vung-chon-tuy-y , và đặt vào nó một đoạn JavaScript cho nó làm việc.

  
      
          
      
      
          
   Vùng chọn số 1 
          
  
              
  Chèn JavaScript kiểu Inline, ví dụ hiển thị thời gian hiện tại
               Nhấn vào để xem thời gian
              
  
          
          
   Vùng chọn số 1 
      
  

  Các bạn dán code vào file html đã tạo và mở trong trình duyệt web để xem nhé. Ví dụ này nó sẽ hơi dài so với các ví dụ trên mạng mà mọi người thấy khá nhiều. Tuy nhiên, nó sẽ không thể hiện rõ việc chèn kiểu JavaScript nội tuyến như thế nào

  Bạn nào đã theo mình nghịch thử trong 02 series HTML và CSS tại Hocban. vn thì cái này cũng dễ hình dung thôi. Phần mã nội dung bạn không cần quan tâm, chúng ta sẽ tìm hiểu ý nghĩa của chúng trong các bài viết sau

  Cách ba, nhúng JavaScript kiểu Bên ngoài

  Nếu cách một và cách 02 chúng ta nhúng tệp JavaScript vào trong văn bản HTML thì cách nhúng bên ngoài sẽ khác một chút, để nhúng kiểu này trước tiên bạn dán mã JavaScript vào tệp txt và lưu lại với định dạng. JS

  Tiếp tục theo trong thẻ

  Ví dụ ở đây mình tạo một tệp JavaScript và dán đoạn mã vào nó hiển thị lời chào như sau, tiếp theo đặt tên cho nó là mười tệp-javascript, để lưu tệp đã định dạng JS mà bạn có thể sử dụng phần mềm

  alert("Chào mừng bạn đến với Hocban.vn !");

  Hiện tại nhúng đường dẫn vào trong tệp HTML với cấu trúc đã được đưa ra ở trên, bạn có thể dán nó vào trong thẻ cặp hay đều được hết nhé !

  
      
          
      
      
          
          Nội dung website       
      
  

  Các bạn làm được không nhỉ ? . Các bạn nên dùng Sublime Text để soạn thảo code và chạy trên trình duyệt web như Chrome

  Nhúng loại External References

  Nhúng từ một tệp JavaScript có đường dẫn bất kỳ trên Internet, cách này có tên là. Tài liệu tham khảo bên ngoài. Cú pháp của nó có dạng như sau

  Với cách này, bạn có thể tải tệp JS của mình lên máy chủ, sao chép đường dẫn và thay thế đường dẫn của w3schools trong mẫu ở trên

  Nhúng nhiều loại tệp bên ngoài

  Cái này bạn sử dụng trong trường hợp có nhiều file JS khác nhau, để nhúng vào HTML thì chúng ta sử dụng cấu trúc có dạng như sau

  Đối với cách nhúng bên ngoài thì chúng ta có thêm 02 kiểu bổ sung là nhúng nhiều tệp JS và nhúng tệp JS đã tải lên máy chủ như trên

  Oke’, như vậy là bài này chúng ta đã tìm hiểu xong một số cách nhúng JavaScript vào HTML rồi đấy, cũng có thể dễ dàng đúng không nào. Các bạn nào xem qua, nếu có điều gì thắc mắc hoặc đóng góp ý kiến ​​thì hãy để lại bình luận bên dưới nhé