Hướng dẫn how do i link html and javascript? - làm cách nào để liên kết html và javascript?

❮ Thẻ HTML

Thí dụ

Chỉ vào tệp JavaScript bên ngoài:

Hãy tự mình thử »


Định nghĩa và cách sử dụng

Thuộc tính src chỉ định URL của tệp tập lệnh bên ngoài.

Nếu bạn muốn chạy cùng một JavaScript trên một số trang trong một trang web, bạn nên tạo một tệp JavaScript bên ngoài, thay vì viết cùng một tập lệnh. Lưu tệp tập lệnh với phần mở rộng .js, sau đó tham khảo nó bằng thuộc tính src trong thẻ

Thẻ tập lệnh là gì?

Trước khi đi vào giải pháp về cách liên kết JavaScript với HTML, hãy để Lôi nhìn vào thẻ tập lệnh.

Thẻ được sử dụng để nhúng các tập lệnh phía máy khách là JavaScript. Thẻ này có các thành phần kịch bản hoặc tham chiếu đến tệp tập lệnh khác bằng thuộc tính SRC.

Example:

& nbsp; & nbsp; nhấp vào tôi & nbsp; & nbsp;body>
   <button id="btn">Click Mebutton>
   <script src="code.js">script>
body>

JavaScript

const btn = document.getEuityById ("btn"); btn=document.getElementById("btn");

btn.addeventListener ("click", function () {& nbsp; & nbsp; alert ("bạn đã nhấp vào tôi");})addEventListener("click", function(){
   alert("You clicked me");
})

Trong ví dụ này, chúng tôi đã truy cập phần tử nút bằng getEuityById (). Sau đó, chúng tôi đặt một sự kiện mà bất cứ khi nào người dùng nhấp vào nút, nên hiển thị cảnh báo.

Chúng ta có thể đạt được cùng một đầu ra nếu chúng ta sử dụng:

const btn = document.QuerySelector ("btn"); btn=document.querySelector("btn");

Cần lưu ý rằng chúng ta phải đặt thuộc tính lớp trong phần tử nút.

Sự kết luận

Liên kết JS với HTML làm cho trang web của bạn động và tương tác. Trong bài đăng này, chúng tôi đã dạy bạn cách liên kết JavaScript với HTML. Chúng tôi đã thảo luận về hai cách chính để đạt được nhiệm vụ này.

Đầu tiên là sử dụng JavaScript trong tệp HTML. Thứ hai là sử dụng JavaScript bên ngoài tệp HTML bằng tệp JavaScript. Để trở thành một nhà phát triển đầu tiên, cần phải làm việc trong cả HTML và JavaScript và bài viết này đã chỉ cho bạn cách liên kết cả hai.

Thông tin về các Tác giả

Hướng dẫn how do i link html and javascript? - làm cách nào để liên kết html và javascript?

Một nhà phát triển JavaScript & người đam mê Linux với 4 năm kinh nghiệm công nghiệp và đã được chứng minh để kết hợp các quan điểm sáng tạo và khả năng sử dụng dẫn đến các ứng dụng web đẳng cấp thế giới. Tôi có kinh nghiệm làm việc với Vue, React & Node.js & hiện đang làm việc về viết bài viết và tạo video.

Làm cách nào để kết nối JavaScript và HTML?

Thêm JavaScript vào tài liệu HTML, bạn có thể thêm mã JavaScript vào tài liệu HTML bằng cách sử dụng thẻ HTML chuyên dụng bao quanh mã JavaScript.Thẻ có thể được đặt trong phần HTML của bạn hoặc trong phần, tùy thuộc vào thời điểm bạn muốn JavaScript tải.employing the dedicated HTML tag