 |
| Bài 1: Cú pháp của Javascript |
<script language="javascript" type="text/javascript>
Đặt ở đây
<script>
Bạn có thể đặt thẻ <script type="text/javascript> ... <script> bất cứ ở đâu trong trang HTML. Nhưng thông thường chúng được đặt trong cặp thẻ <head> ... </head>
Thẻ <script> sẽ thông báo với trình duyệt rằng sẽ bắt đầu thông dịch tất cả văn bản giữa cặp thẻ đó.
Cấu trúc đơn giản của Javascript như sau:
<script language="javascript" type="text/javascript>
Javascript code
<script>
Thẻ script sẽ nhận 2 thuộc tính quan trọng:
- Language: Thuộc tính này xác định ngôn ngữ scripting đang sử dụng là gì. Thường thì giá trị này sẽ là javascript, những phiên bản HTML gần đây đã lược bỏ thuộc tính này.
- Type: Thuộc tính này xác định ngôn ngữ scripting đang sử dụng và giá trị của nó được đặt là "text/javascript"
Chương trình đầu tiên:
Bây giờ chúng ta cùng nhau viết một chương trình in ra dòng chữ "Hello World". Chúng ta sẽ thêm một chú thích HTML bao quanh code nhằm giúp loại bỏ, không dịch code nếu trình duyệt không hỗ trợ Javascript. Comment kết thức bằng "//-->", ở đây "//" biểu thị một chú thích trong Javascript. Tiếp theo chúng ta gọi hàm document.write để in ra một chuỗi vào trang HTML.
Hàm document.write được dùng để in ra đoạn văn bản, HTML hay kết hợp cả hai. Cùng xem đoạn code dưới đây, để thực hiện tốt hãy tự viết vào Editor:
<html>
<body>
<script language="javascript" type="text/javascript">
<!--
document.write("Hello World!")
//-->
</script>
</body>
</html>
Khoảng cách trắng và dấu ngắt dòng:
Javascript bỏ qua các dấu cách (spaces), tabs, và xuống dòng (newline) một cách tự do trong chương trình và bạn có thể dịnh dạng code của mình một cách dễ dàng để đọc mà không sợ sai cú pháp.
Dấu chấm phẩy không bắt buộc:
Không giống những ngôn ngữ khác như C, C++ hay Java, javascript cho phép bạn không dùng dấu chẩm phẩy ";" sau mỗi câu lệnh nếu câu lệnh tiếp theo nằm tách ở dòng mới.
Ví dụ như đoạn code dưới đây không dùng dấu chấm phẩy:
<script language="javascript" type="text/javascript">
<!--
var1 = 10
var2 = 20
//-->
</script>
Nhưng nếu 2 câu lệnh đều nằm trên môt dòng thì bạn phải sử dụng dấu chấm phẩy, cụ thể như sau:
<script language="javascript" type="text/javascript">
<!--
var1 = 10; var2 = 20;
//-->
</script>
Case Sensitivity
Javascript là ngôn ngữ Case Sensitivity, có nghĩa là từ khóa, biến, tên hàm hay bất kỳ định danh khác phải được viết có phân biệt chữ hoa hay chữ thường.
Vậy nên định danh TIME và Time sẽ có ý nghĩa, chức năng hoàn toàn khác nhau trong Javascript.
Comments (chú thích) trong Javascript:
Javascript hỗ trợ cả hai chú thích theo kiểu của C và C++, do vậy:
- Bất kỳ văn bản giữa dấu // đến cuối dòng được xem như là một comment và nó không được thông dịch bởi Javascript.
- Bất kỳ text ở giữa cặp ký tự /* và */ được coi là comment.
- Javascript cũng nhận ra comment mở HTML <!-- như là một comment trong javascript cho 1 dòng đơn, giống như //
- Comment đóng HTML --> không được coi là một comment trong javascript trừ khi ta thêm dấu // vào trước, trở thành: //-->
Ví dụ:
<script language="javascript" type="text/javascript">
<!--
// Dòng này là comment, nó tương tự comment trong c++
/*
đoạn code nằm trong cặp dấu này là comment,
có thể viết nhiều dòng comment ở đây
*/
//-->
</script>
Comments
Post a Comment