Tóm Tắt
1. Giới thiệu về Javascript
Javascript là ngôn ngữ lập trình của HTML và web
Javascript rất dễ học
Có thể kết hợp javascript với hầu hết ngôn ngữ lập trình web
2. Cách sử dụng Javascript sử kiện của một phần HTML
a) Ví dụ 1
Bước 1: Tạo file HTML rỗng và đặc đoạn code dưới đây vào file HTML.
Bạn đang đọc: javascript căn bản
Javascript Demo
Mục đích đoạn code trên sẽ in ra trình duyệt một button và khi click vào button đó sẽ hiện ra trình duyệt thời hạn hiên tại của máy tính .
Bước 2: Khi chạy file HTML trên trình duyệt, chúng ta sẽ được kết quả như hình dưới
Bước 3: Kiểm tra kết quả khi click vào button, chúng ta sẽ kết quả như sau.
a.a) Cách sử dụng
Ví dụ trên (vi dụ 1) chúng ta đã sử dụng sự kiện “Onclick” của phần tử HTML để thực thi code javascript
document.getElementById('demo').innerHTML = Date()
Chi tiết đoạn code javascript trên
- document là một đối tượng chứa tất cả phân tử HTML của trang web hiện đang hiển thị trên trình duyệt
- getElementById là một hàm để lấy ra phân tử HTML có một ID nào đó, ở ví dụ trên chúng ta sẽ lấy ra được thẻ
vì thẻ có id là demo .
- innerHTML: là một thuộc tính để lấy ra text của một HTML. Ví dụ nếu ta có thẻ
như sau. Xin chào Kungfuphp thì giá trị của innertHTML là Xin chào Kungfuphp
- Date() là một hàm của javascipt để lấy thời gian hiện tại của máy tính.
3. Cách khai báo và sử dụng Javascript code trong thẻ
Cách thứ 2 để sử dụng javascript trong một file HTML là khai báo code javascript trong thẻ
a) Ví dụ 2
Thay đổi đoạn code trong ví dụ giống như đoạn code sau đây
Javascript Demo
Mục đích của ví dụ trên giống như ví dụ 1 sẽ in ra trình duyệt thời hạn hiện tại khi click vào button .
Tuy nhiên chúng ta sẽ không code javascript document.getElementById(‘demo’).innerHTML = Date() trực tiếp trong sự kiện của phần tử HTML mà sẽ khai báo nó trong thẻ
Source: https://final-blade.com
Category: Kiến thức Internet