Javascript là gì? Sử dụng nó trong html có tác dụng như thế nào?

Trong việc thiết kế website, nhà lập trình luôn hiểu rõ 3 thành phần không thể thiếu để cấu tạo nên một trang web hoàn chỉnh đó chính là HTML, CSS và Javascript. Đóng vai trò như phần hồn của website, Javascript đã và đang được sử dụng rất rộng rãi trong việc lập trình lên hành động có khả năng đáp ứng, tương tác với người sử dụng web một cách hiệu quả. Trong bài viết của chúng tôi hôm nay sẽ giúp bạn hiểu rõ Javascript là gì và tác dụng của việc sử dụng Javascript trong HTML.

  1. Javascript là gì?

Javascript là một trong 3 thành phần không thể thiếu của website

Javascript chính là một loại ngôn ngữ lập trình dựa vào chính đối tượng phát triển có sẵn hoặc sáng tạo ra. Loại ngôn ngữ này có thể dùng trong tất cả các trình duyệt như Firefox, Chrome, Cốc Cốc…. và trên cả thiết bị di động cũng không hề ngoại trừ.

Có thể khẳng định rằng, HTML hay CSS không được coi là một ngôn ngữ lập trình, nhưng Javascript chính là ngôn ngữ lập trình. Bởi nó có đủ tất cả những thành phần để có thể cấu thành nên một ngôn ngữ lập trình như: Biến, hàm, đầu vào hay đầu ra…. Ngôn ngữ này được thực thi chủ yếu tại máy khách nên giới IT còn gọi đó là loại mã kịch bản phía máy khách.

  1. Javascript trong HTML có tác dụng như thế nào?

Javascript có nhiều vai trò lớn đối với HTML

Sử dụng Javascript trong html có tác dụng như thế nào còn phụ thuộc vào khả năng lập trình của bạn. Nhưng dưới đây chúng tôi sẽ chỉ ra một số tính năng cơ bản mà Javascript sẽ tác động lên HTML.

  • Javascript có khả năng thay đổi thuộc tính của HTML

Nếu như bạn đang có một thẻ HTML là: <p id=”demo”>Tôi không phải người máy</p> và muốn đổi từ “ Tôi không phải người máy” thành “ Tôi là dân IT” thì khi bấm vào nút kết quả trả về như sau:

document.getElementById(“demo”).innerHTML = “Tôi là dân IT”;

Như ta thấy, hàm  document.getElementById(“demo”) sẽ trả về  HTML đang có ID là ‘demo’.

innerHTML  chính là phương thức đưa nội dung vào bên trong đối tượng.

  • Javascript trong HTML có thể thay đổi CSS

Khi bạn muốn thay đổi kiểu HTML thì sẽ thực hiện chèn CSS Inline bởi nó sẽ giúp cho Javascript có cơ hội để gọi dựa vào ID của chính thẻ HTML đó. Ví dụ bằng đoạn mã dưới đây sẽ có thể thay đổi kiểu CSS của thẻ HTML có ID là “ demo”

document.getElementById(‘demo’).style.fontSize=’35px’;

Ta có hàm document.getElementById(‘demo’) có thể lấy ra được đối tượng HTML có ID là ‘demo‘.

style hay còn được xem là phương thức tác động đến HTML.

fontSize chính là thuộc tính mà CSS sẽ có sự thay đổi.

35px chính là giá trị thay đổi của CSS

  • Thêm Javascript trong html có thể ẩn hoặc hiện phần tử HTML

Khi dùng phương thức này bạn sẽ làm cho kiểu CSS của HTML thay đổi. Nó sử dụng thuộc tính CSS là display để điều khiển ẩn hiện đi phần tử HTML.

Ẩn phần tử: document.getElementById(‘demo’).style.display = ‘none’;

Hiện phần tử: document.getElementById(‘demo’).style.display = ‘blook’;

Như vậy là chúng tôi đã giới thiệu xong Javascript là gì cũng như vai trò của việc sử dụng Javascript trong HTML. Hi vọng sẽ trở thành một trong những nguồn thông tin đáng quý của các bạn!

>>> Xem thêm: đăng ký tên miền việt nam– Tìm hiểu dịch vụ đăng ký tên miền từ nhà cung cấp số 1 tại thị trường

>>> Xem thêm: thue may chu gia re – Dịch vụ thuê máy chủ cấu hình mạnh mẽ với chi phí cực tiết kiệm

>>> Xem thêm: bao mat ssl – Mua ssl cho tên miền tạo uy tín với chi phí tốt nhất thì trường

Loading Facebook Comments ...