JavaScript có thể được triển khai bằng cách sử dụng các câu lệnh JavaScript được đặt trong các thẻ HTML <script>… </script> trong một trang web.
Bạn có thể đặt các thẻ <script>, chứa JavaScript của bạn, ở bất kỳ đâu trong trang web của bạn, nhưng thông thường bạn nên giữ nó trong các thẻ <head>.
Thẻ <script> cảnh báo chương trình trình duyệt bắt đầu diễn giải tất cả văn bản giữa các thẻ này dưới dạng tập lệnh. Một cú pháp đơn giản của JavaScript của bạn sẽ xuất hiện như sau.
<script ...> JavaScript code </script>
Thẻ script có hai thuộc tính quan trọng –
Ngôn ngữ – Thuộc tính này chỉ định ngôn ngữ kịch bản nào bạn đang sử dụng. Thông thường, giá trị của nó sẽ là javascript. Mặc dù các phiên bản HTML gần đây (và XHTML, phiên bản kế nhiệm của nó) đã loại bỏ dần việc sử dụng thuộc tính này.
Loại – Thuộc tính này hiện được khuyến nghị để chỉ ra ngôn ngữ kịch bản đang được sử dụng và giá trị của nó phải được đặt thành “văn bản/javascript”.
Vì vậy, phân đoạn JavaScript của bạn sẽ trông giống như –
<script language = "javascript" type = "text/javascript"> JavaScript code </script>
Mã JavaScript đầu tiên của bạn
Hãy để chúng tôi lấy một ví dụ mẫu để in ra “Xin chào thế giới”. Chúng tôi đã thêm một nhận xét HTML tùy chọn bao quanh mã JavaScript của chúng tôi. Điều này là để lưu mã của chúng tôi từ một trình duyệt không hỗ trợ JavaScript. Nhận xét kết thúc bằng dấu “//–>”. Ở đây “//” có nghĩa là một nhận xét trong JavaScript, vì vậy chúng tôi thêm nó để ngăn trình duyệt đọc phần cuối của nhận xét HTML dưới dạng một đoạn mã JavaScript. Tiếp theo, chúng tôi gọi một hàm document.write viết một chuỗi vào tài liệu HTML của chúng tôi.
Chức năng này có thể được sử dụng để viết văn bản, HTML hoặc cả hai. Hãy xem đoạn mã sau.
<html>
<body>
<script language = "javascript" type = "text/javascript">
<!--
document.write("Hello World!")
//-->
</script>
</body>
</html>
Mã này sẽ tạo ra kết quả sau –
Hello World!Khoảng trắng và ngắt dòng
JavaScript bỏ qua khoảng trắng, tab và dòng mới xuất hiện trong chương trình JavaScript. Bạn có thể tự do sử dụng khoảng trắng, tab và dòng mới trong chương trình của mình, đồng thời bạn có thể tự do định dạng và thụt lề chương trình của mình theo cách gọn gàng và nhất quán giúp mã dễ đọc và dễ hiểu.
Dấu chấm phẩy là tùy chọn
Các câu lệnh đơn giản trong JavaScript thường được theo sau bởi một ký tự dấu chấm phẩy, giống như trong C, C++ và Java. Tuy nhiên, JavaScript cho phép bạn bỏ qua dấu chấm phẩy này nếu mỗi câu lệnh của bạn được đặt trên một dòng riêng biệt. Ví dụ, mã sau đây có thể được viết mà không có dấu chấm phẩy.
<script language = "javascript" type = "text/javascript">
<!--
var1 = 10
var2 = 20
//-->
</script>
Nhưng khi được định dạng trong một dòng như sau, bạn phải sử dụng dấu chấm phẩy –
<script language = "javascript" type = "text/javascript">
<!--
var1 = 10; var2 = 20;
//-->
</script>
Lưu ý – Đó là một cách lập trình tốt để sử dụng dấu chấm phẩy.
phân biệt chữ hoa chữ thường
JavaScript là một ngôn ngữ phân biệt chữ hoa chữ thường. Điều này có nghĩa là các từ khóa ngôn ngữ, biến, tên hàm và bất kỳ mã định danh nào khác phải luôn được nhập với cách viết hoa nhất quán của các chữ cái.
Vì vậy, các định danh Thời gian và THỜI GIAN sẽ truyền đạt các ý nghĩa khác nhau trong JavaScript.
LƯU Ý – Cần cẩn thận khi viết tên biến và hàm trong JavaScript.
Nhận xét trong JavaScript
JavaScript hỗ trợ cả chú thích kiểu C và kiểu C++, do đó –
Bất kỳ văn bản nào giữa // và cuối dòng đều được coi là nhận xét và bị JavaScript bỏ qua.
Bất kỳ văn bản nào nằm giữa các ký tự /* và */ đều được coi là một nhận xét. Điều này có thể kéo dài nhiều dòng.
JavaScript cũng nhận ra trình tự mở đầu chú thích HTML <!–. JavaScript coi đây là một nhận xét một dòng, giống như // nhận xét.
Trình tự đóng nhận xét HTML –> không được JavaScript nhận dạng nên nó phải được viết là //–>.
Ví dụ
Ví dụ sau đây cho thấy cách sử dụng nhận xét trong JavaScript.
<script language = "javascript" type = "text/javascript">
<!--
// This is a comment. It is similar to comments in C++
/*
* This is a multi-line comment in JavaScript
* It is very similar to comments in C Programming
*/
//-->
</script>