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 trang web. Có thể đặt các thẻ <script> , chứa JavaScript ở bất kỳ đâu trong trang web.
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 là language và type dùng 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. 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.
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 “text/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 “Hello world” kinh điển, gọi một hàm document.write viết
một chuỗi vào HTML
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.
Tuy nhiên, các bạn vẫn nên thêm dấu ; để phần code tường minh hơn. Và khi cần Optimizer hoặc Minify sẽ không bị lỗi.
<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>
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.
Comment 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à comment 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 comment . Đ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 comment 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.
</pre> <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> <pre>
