Search…

Tổng Quan Về Ngôn Ngữ Lập Trình JavaScript

20/07/20203 min read
Tìm hiểu tổng quan ngôn ngữ lập trình JavaScript và tầm quan trọng của JavaScript.

JavaScript là một ngôn ngữ lập trình được sử dụng phổ biến để lập trình web cũng như lập trình game trên nền web hiện nay. JavaScript là một ngôn ngữ lập trình được coi như là bắt buộc phải học đối với những người lập trình web. Vậy ngôn ngữ lập trình này có điểm gì đặc biệt, cái hay, ứng dụng ra sao mà nó quan trọng như vậy?

Tổng quan về JavaScript

Cũng giống như những ngôn ngữ lập trình khác như C/C++, C# thì JavaScript có cú pháp tương tự, rẽ nhánh if else, vòng lặp for, while, function, các hàm toán học.

Với JavaScript chúng ta có thể thao tác với các thẻ html một cách linh hoạt và dễ dàng như thay đổi nội dung, những thuộc tính CSS của thẻ html thông qua JavaScript. Hơn nữa, chúng ta có thể sử dụng ngôn ngữ này để lập trình game trên web.

Một số thư viện, framework nổi tiếng hiện nay được viết bằng JavaScript như JQuery, Cocos2dx-Js.

Một ứng dụng cụ thể mà các bạn có thể thấy đó là làm Đôi Mắt Dõi Theo Con Trỏ Chuột Với Thuần JavaScript.

Chèn JavaScript vào trang web

Mã nguồn JavaScript bắt buộc phải nằm trong cặp thẻ đóng mở <script> </script>.

JavaScript là một ngôn ngữ script và mã JavaScript được nhúng vào HTML để có thể thao tác với những thẻ HTML có trong trang web. Để chèn JavaScript vào trang web thì chúng ta có những cách như dưới đây:

Chèn trực tiếp

Chúng ta có thể chèn đoạn mã JS (JavaScript) trực tiếp bằng cách chèn thẻ <script> và nội dung của nó vào giữa thẻ <head> hay <body>.

Ví dụ

Chèn trong thẻ <head>:

<!DOCTYPE html>
<html>
<head>
	<title>Tổng quan về JavaScript</title>
	<script type="text/javascript">
		//code javascript
	</script>
</head>
<body>

</body>
</html>

Chèn trong thẻ body:

<!DOCTYPE html>
<html>
<head>
	<title>Tổng quan về JavaScript</title>
</head>
<body>
	<script type="text/javascript">
		//code javascript
	</script>
</body>
</html>

Chèn bằng một file .js có sẵn

Với cách này chúng ta sẽ xây dựng một file .js và sau đó chèn vào mã html với cú pháp như sau:

<script language="javascript" src="file.js"></script>

Với giá trị của thuộc tính src là đường dẫn tới file .js.

Ví dụ:

<!DOCTYPE html>
<html>
<head>
	<title>Tổng quan về JavaScript</title>
	<script language="javascript" src="stdio.js"><script>
</head>
<body>

</body>
</html>

Hello World

Sau khi đã tìm hiểu cách sử dụng cũng như cách chèn nó vào trang web thì chúng ta sẽ tiến hành viết chương trình Hello World với ngôn ngữ JavaScript với đoạn mã đơn giản dưới đây:

<!DOCTYPE html>
<html>
<head>
	<title>Tổng Quan Về NNLT JavaScript</title>
</head>
<body>
	<script type="text/javascript">
		alert("Chào mừng bạn đến với Stdio.vn");
	</script>
</body>
</html>

Giải thích:

Chúng ta sẽ nhúng đoạn mã JS vào trong thẻ body:

Hàm alert được xây dựng sẵn trong JavaScript có chức năng là hiện popup với dòng chữ được truyền vào hàm lên màn hình.

Kết quả sau khi chạy với trình duyệt:

IO Stream

IO Stream Co., Ltd

30 Trinh Dinh Thao, Hoa Thanh ward, Tan Phu district, Ho Chi Minh city, Vietnam
+84 28 22 00 11 12
developer@iostream.co

383/1 Quang Trung, ward 10, Go Vap district, Ho Chi Minh city
Business license number: 0311563559 issued by the Department of Planning and Investment of Ho Chi Minh City on February 23, 2012

©IO Stream, 2013 - 2024