Cách Nhúng Script Vào Html

Mục lục:

Cách Nhúng Script Vào Html
Cách Nhúng Script Vào Html

Video: Cách Nhúng Script Vào Html

Video: Cách Nhúng Script Vào Html
Video: Sử dụng JS trong file HTML 2024, Có thể
Anonim

HTML là một ngôn ngữ đánh dấu cho các trang web chịu trách nhiệm hiển thị các phần tử đồ họa và văn bản. Nó cũng có thể được sử dụng để áp dụng các tập lệnh được viết bằng các ngôn ngữ lập trình khác nhau. Một phần tử đặc biệt được sử dụng để chèn một tập lệnh vào HTML.

Cách nhúng script vào html
Cách nhúng script vào html

Hướng dẫn

Bước 1

Mã có thể được chèn vào trang cả trong nội dung của tài liệu và trong phần. Bạn có thể sử dụng số lượng phần tử không giới hạn để thêm nội dung hoạt động. Điều chính là các tập lệnh được thêm vào không can thiệp vào việc hiển thị nội dung chính. Để chỉnh sửa mã HTML, hãy mở trang của bạn trong bất kỳ trình soạn thảo văn bản nào. Quản trị viên web thường sử dụng các chương trình có bộ mô tả được đánh dấu trong chức năng của họ: Notepad ++, Web Development Studio, HTML Reader. Tệp yêu cầu cũng có thể được mở bằng ứng dụng Notepad tiêu chuẩn của hệ điều hành Windows.

Bước 2

Trong cửa sổ soạn thảo văn bản, hãy nhập mã HTML. Ví dụ: để đưa JavaScript vào một trang, hãy sử dụng lệnh sau:

Mã để thực thi

Mã được chỉ định sẽ được thực thi khi tải trang và sẽ được thực thi trong bộ mô tả. Trong trường hợp này, tham số kiểu cho phép trình xử lý biết rằng ngôn ngữ lập trình JavaScript sẽ được sử dụng tiếp theo.

Bước 3

Để tập lệnh xử lý một sự kiện cụ thể, ví dụ, khi một nút được nhấn, nó phải được chèn vào bên trong một hàm. Trong phần này, hãy chỉ định mã tập lệnh:

Hàm displayDate ()

{document.getElementById (“thực hiện”). innerHTML = Date (); }

Mã JavaScript này có nhiệm vụ hiển thị thời gian hiện tại trên trang, nhưng để hiển thị trên màn hình, bạn cần nhập thêm một lệnh để xử lý văn bản được tạo ra trong quá trình hoạt động.

Bước 4

Trong phần nội dung của tài liệu sử dụng HTML, hãy tạo một nút sẽ chịu trách nhiệm kích hoạt phần tử:

Hiển thị thời gian

Mã này tạo một nút xử lý JavaScript. Sau khi nhấp vào nó, kết quả của tập lệnh sẽ được hiển thị.

Bước 5

Để đưa vào HTML một chương trình tập lệnh bên ngoài nằm trong một tệp cụ thể, bạn cần chạy mã sau:

Sau khi thực thi, tập lệnh được chỉ định có tên file.js sẽ được đưa vào trang. Cần lưu ý rằng tệp bên ngoài không được chứa phần tử nào để bổ sung thành công.

Đề xuất: