Cách đưa javascript vào mã html?

Đưa các trang web của bạn lên cấp độ tiếp theo bằng cách khai thác JavaScript. Tìm hiểu trong bài viết này cách kích hoạt JavaScript ngay từ tài liệu HTML của bạn

điều kiện tiên quyết. Bạn cần làm quen với cách tạo một tài liệu HTML cơ bản. Khách quan. Tìm hiểu cách kích hoạt JavaScript trong tệp HTML của bạn và tìm hiểu các phương pháp hay nhất quan trọng nhất để giữ cho JavaScript có thể truy cập được

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ử

Viết JavaScript trong HTML

Bạn cũng có thể thêm mã JavaScript giữa các thẻ

Ghi chú. Thuộc tính

<script>
  window.addEventListener("load", () => {
    console.log("This function is executed once the page is fully loaded");
  });
script>
9 cho
<script>
  window.addEventListener("load", () => {
    console.log("This function is executed once the page is fully loaded");
  });
script>
4

Điều này hữu ích nếu bạn muốn có cùng một tập lệnh cho nhiều tài liệu. Nó giúp bạn không phải lặp đi lặp lại cùng một nhiệm vụ và giúp trang web của bạn dễ bảo trì hơn nhiều

Chà, hãy tạo một tệp JavaScript có tên "xin chào. js" và đặt đoạn mã sau vào đó

// A function to display a message
function sayHello() {
    alert("Hello World!");
}

// Call function on click of the button
document.getElementById("myBtn").onclick = sayHello;

Bây giờ, bạn có thể gọi tệp JavaScript bên ngoài này trong một trang web bằng cách sử dụng

<script>
  window.addEventListener("load", () => {
    console.log("This function is executed once the page is fully loaded");
  });
script>
4




    
    Inlining JavaScript        

    
    Click Me

0,



    
    Inlining JavaScript        

    
    Click Me

1,



    
    Inlining JavaScript        

    
    Click Me

2,



    
    Inlining JavaScript        

    
    Click Me

3, v.v.

Tuy nhiên, bạn nên tránh đặt một lượng lớn mã JavaScript nội tuyến vì nó làm lộn xộn HTML của bạn bằng JavaScript và khiến mã JavaScript của bạn khó bảo trì. Đây là một ví dụ




    
    Inlining JavaScript        

    
    Click Me

Ví dụ trên sẽ hiển thị cho bạn một thông báo cảnh báo khi nhấp vào phần tử nút

Mẹo. Bạn phải luôn giữ nguyên nội dung và cấu trúc trang web của mình (tôi. e. HTML) tách biệt với bản trình bày (CSS) và hành vi (JavaScript)

Tôi có thể nhúng JavaScript vào HTML không?

Thêm JavaScript vào Tài liệu HTML . Thẻ