Hướng dẫn how do you link javascript to html using link? - làm thế nào để bạn liên kết javascript với html bằng cách sử dụng liên kết?
|
& nbsp; JavaScript là một ngôn ngữ kịch bản rất phổ biến được sử dụng cả ở phía máy khách cũng như ở phía máy chủ. JavaScript là cần thiết cho các trang web của chúng tôi vì nó làm cho trang web của chúng tôi tương tác. Có ba yêu cầu cơ bản để trở thành nhà phát triển mặt trước: HTML được rút ngắn cho ngôn ngữ đánh dấu siêu văn bản cung cấp cấu trúc cho trang web và CSS của chúng tôi cung cấp phong cách cho các trang của chúng tôi. Cuối cùng, JavaScript như đã đề cập trước đó làm cho trang web của chúng tôi tương tác. JavaScript cũng giúp thay đổi HTML và CSS. Bây giờ một câu hỏi đặt ra là làm thế nào chúng ta có thể liên kết/kết nối JavaScript với HTML. Hôm nay trong bài viết này, chúng tôi sẽ khám phá hầu hết tất cả các cách chúng tôi có thể liên kết JavaScript với HTML. 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.
Hãy để chúng tôi thay đổi ví dụ trước một chút. Mã sẽ giữ nguyên. Chúng tôi sẽ tạo một tệp JavaScript khác bằng tên của Code Code.js. Chúng tôi sẽ đặt tất cả mã JavaScript trong tệp Code Code.js và cung cấp tài liệu tham khảo Code Code.js trong tệp HTML. Ví dụNhấp vào đâybutton onclick="myFunc()">Click Mebutton>  Chúng tôi đã tham khảo mã của mã.js và NBSP; Tệp sử dụng thuộc tính SRC của TAG.code.js” file using the src attribute of Chúng ta có thể cung cấp cho một thuộc tính ID phần tử trong HTML và sau đó truy cập nó trong JavaScript. Chúng tôi truy cập trong JavaScript bởi: document.getElementById("idName");getElementById("idName"); ID là duy nhất và chỉ được sử dụng cho một yếu tố. JavaScript cũng cung cấp cho chúng tôi tùy chọn chọn một phần tử bằng thuộc tính lớp. Chúng ta có thể sử dụng tên lớp cho các yếu tố khác nhau. Cú pháp là: document.querySelector(".className");querySelector(".className"); Một tùy chọn khác mà JavaScript cung cấp cho chúng tôi là truy cập các phần tử JavaScript bằng tên thẻ. Cú pháp để truy cập tên thẻ: document.getElementsByTagName("p");("p"); Example: & nbsp; & nbsp; nhấp vào tôi & nbsp; & nbsp;body> JavaScriptconst 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(){ 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ậnLiê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ả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 thế nào để bạn liên kết JavaScript với HTML?Để liên kết một tệp JavaScript với tài liệu HTML, hãy sử dụng thẻ.Bạn cũng có thể sử dụng thẻ này để nhúng mã JavaScript trong tài liệu HTML.use the
Bài Viết Liên Quan
Bản quyền © 2021 Học Tốt Inc.
|
