Các thẻ cơ bản của JavaScript là gì?
Các thẻ cơ bản nhất của JavaScript là gì? Ví dụ giúp em với nhé! Em cảm ơn!
Chia sẻ
Trả lời câu hỏi
Hỏi đáp
- Ẩm thực và Giải trí
- Câu đố
- Công nghệ
- Du lịch
- Địa lý
- Máy tính và Điện tử
- Cuộc sống Gia đình
- Giáo dục và Truyền thông
- Khảo sát ý kiến
- Khoa học
- Tài chính và Kinh doanh
- Mối quan hệ
- Ngày lễ và Truyền thống
- Nghệ thuật và Giải trí
- Nhà ở và Làm vườn
- Pháp luật
- Phong thủy, Tử vi
- Sức khỏe
- Thể thao và Thẩm mỹ
- Thú cưng và Động vật
- Triết học và Tôn giáo
- Xe hơi và Phương tiện Khác
Hóng Hớt
Đây là bài hướng dẫn viết chương trình javaScript cơ bản nhất mà mình tìm được bạn tham khảo nhé! Nếu thực sự muốn nghiên cứu cơ bản về JavaScript, mình khuyên bạn nên tham khảo W3School để học chi tiết hơn.
Hướng dẫn viết chương trình JavaScript đầu tiên
Bắt đầu với JavaScript thật đơn giản
Bước đầu tiên để học Javascript là bạn cần phải chuẩn bị một phần mềm để viết mã Javascript (IDE JavaScript). Bởi tất cả các trình duyệt đều hỗ trợ ngôn ngữ này nên bạn không cần phải download thư viện mà thông qua những đoạn mã script, trình duyệt sẽ nhận diện được nó. Hướng dẫn sau đây để bạn hiểu hơn về cấu trúc của JavaScript trong lập trình web. Nếu muốn tìm hiểu sâu hơn lập trình JavaScript bạn nên xem qua web tự học JavaScript W3School.
Cặp thẻ mở và thẻ đóng
Tất cả những đoạn mã Javascript đều phải đặt trong cặp thẻ mở <script> và thẻ đóng </script>
Ví dụ:
1
2
3
4
5
<script language=“javascript”>
alert(“Hello World!”);
</script>
Đặt thẻ script ở đâu?
Có ba cách đặt thẻ script thường được sử dụng dưới đây:
Thông thường, bạn có thể viết những đoạn mã Javascript trên phần head. Tuy nhiên, đó cũng không phải là điều kiện bắt buộc. Vì vậy bạn có thể đặt ở bất kỳ đâu tùy thích miễn là được bao lại bằng thẻ script.
Ví dụ: Đặt trong thẻ head
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<html>
<head>
<title></title>
<script language=“javascript”>
alert(“Hello World!”);
</script>
</head>
<body>
</body>
</html>
Bạn có thể viết những đoạn mã Javascript ở một file có phần mở rộng là .js, sau đó dùng thẻ script để import vào. Lúc này bên trong file demo.js bạn không đặt thẻ scirpt. Vì nhờ vào đuôi .js, trình duyệt sẽ tự nhận đây là file chứa mã Javascript.
Ví dụ:
1
<script language=“javascript” src=“demo.js”></script>
Với Inline, bạn sẽ viết những đoạn mã Javascript trực tiếp trong thẻ HTML. Ví dụ bên dưới viết dưới dạng inline vì đoạn mã alert(1) được đặt trong sự kiện onclick của thẻ button.
Ví dụ:
1
<input type=“button” onclick=“alert(1)” value=“Click Me”/>
Viết chương trình JavaScript
Trước khi thực hành, hãy đảm bảo rằng bạn có thể sử dụng một phần mềm viết code bất kỳ để viết mã Javascript.
Bước 1:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<html>
<head>
<title></title>
</head>
<body>
<input type=“button” value=“Click Me”/>
</body>
</html>
Bước 2:
Viết mã Javascript khi click vào button có id=“clickme” .
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<html>
<head>
<title></title>
</head>
<body>
<input type=“button” id=“clickme” value=“Click Me”/>
<script language=“javascript”>
// Lấy element có id=clickme lưu vào biến button
var button = document.getElementById(‘clickme’);
// Khi click vào element chứa trong button thì thực hiện một function,
// bên trong function thông báo lên Hello World!
button.addEventListener(‘click’, function(){
alert(‘Hello World!’);
});
</script>
</body>
</html>