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: