Hướng dẫn dùng php javascript trong PHP

Home » Web Development » Học JavaScript Cơ Bản » Web Development » Học JavaScript Cơ Bản

Nội dung chính Show

• Cách nhúng [chèn] JavaScript vào HTML
• Cách một, nhúng JavaScript kiểu Internal
• Cách hai, nhúng JavaScript kiểu inline
• Cách ba, nhúng JavaScript kiểu External
• Nhúng kiểu External References
• Nhúng nhiều file kiểu External
• Bài học trước tiếp theo

Nội dung chính ShowShow

• Cách nhúng [chèn] JavaScript vào HTML
• Cách một, nhúng JavaScript kiểu Internal
• Cách hai, nhúng JavaScript kiểu inline
• Cách ba, nhúng JavaScript kiểu External
• Nhúng kiểu External References
• Nhúng nhiều file kiểu External
• Bài học trước tiếp theo

07/11/2021 29393 lượt xem 29393 lượt xem

Nhúng [chèn] JavaScript vào HTML – ảnh minh họa

Tương tự như với CSS, dưới đây mình sẽ lần lượt 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 sẽ vận dụng cách tương ứng.

MỤC LỤC NỘI DUNG

• 1 Cách nhúng [chèn] JavaScript vào HTML Cách nhúng [chèn] JavaScript vào HTML
  • 1.1 Cách một, nhúng JavaScript kiểu Internal Cách một, nhúng JavaScript kiểu Internal
  • 1.2 Cách hai, nhúng JavaScript kiểu inline Cách hai, nhúng JavaScript kiểu inline
  • 1.3 Cách ba, nhúng JavaScript kiểu External Cách ba, nhúng JavaScript kiểu External
  • 1.4 Nhúng kiểu External References Nhúng kiểu External References
  • 1.5 Nhúng nhiều file kiểu External Nhúng nhiều file kiểu External
  • 1.6 Bài học trước tiếp theo Bài học trước tiếp theo

Cách nhúng [chèn] JavaScript vào HTML

Cách một, nhúng JavaScript kiểu Internal

Cách hai, nhúng JavaScript kiểu inline có thể hiểu là chúng ta chèn code JavaScript vào một cụm nào đó trong tập tin HTML. Thông thường thì anh em hay nhóm nó vào trong cặp thẻ và    .

Cách ba, nhúng JavaScript kiểu External.html bằng note pad và mở nó bằng trình duyệt để xem.

• Nhúng kiểu External References :

    
        Tiêu đề website
         
            alert["Chào mừng bạn đến với Hocban.vn"];
        
    
     
         Nội dung website       
    

• Nhúng kiểu External References :

    
        Tiêu đề website
    
     
         
            alert["Chào mừng bạn đến với Hocban.vn"];
        
      Nội dung website       
    

Cách hai, nhúng JavaScript kiểu inline

Cách ba, nhúng JavaScript kiểu External nhúng inline chúng ta có thể chèn ngay vị trí bất kỳ của một dòng code 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.

    
        
            .vung-chon-tuy-y{
            background: #fffaca;
            padding: 20px;
            }
        
    
    
        
 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 
    

Nhúng kiểu External References

Nhúng nhiều file kiểu External

Cách ba, nhúng JavaScript kiểu External

Nhúng kiểu External References.JS

Nhúng nhiều file kiểu External