Các Lệnh Cơ Bản Trong JavaScript [JavaScript] - Cùng Học Web 123

Trang chủ » Các Câu Lệnh Trong Javascript » Các Lệnh Cơ Bản Trong JavaScript [JavaScript] - Cùng Học Web 123

Có thể bạn quan tâm

Trang

  • Trang chủ

Thứ Năm, 18 tháng 7, 2013

Các lệnh cơ bản trong JavaScript [JavaScript]

Thông thường mã lệnh JavaScript bắt đầu bằng thẻ <script type="text/javascript" > và kết thúc bằng thẻ </script> Ví dụ: <script type="text/javascript" > alert("Hello World"); </script> Đoạn mã JavaScript sẽ được đặt giữa hai thẻ <head> và </head>. Tuy nhiên, chúng ta vẫn có thể nhúng mã JavaScript bên trong thẻ <body> Ví dụ: <html> <head></head> <body> <script> alert("Hello World"); </script> </body> </html> Bạn cũng có thể dùng một thuộc tính src để bao gộp một tập tin chứa mã JavaScript ở bên ngoài vào trong trang web. Ví dụ bạn có một tập tin Hello.js chứa mã lệnh JavaScript như sau: document.write(“Hello World!”) Khi đó bạn có thể bao gộp tập tin này vào trang web: <script type="text/javascript" src=”hello.js”></script> Chú ý: tập tin chứa mã lệnh bên ngoài chỉ là một tập tin văn bản bình thường với phần mở rộng là .js. Dĩ nhiên bạn có thể dùng bất cứ một trình soạn thảo văn bản nào để tạo những tập tin như vậy. Ngoài ra, mã JavaScript nằm trong tập tin này không được chứa thẻ < script type... > và </script>. 1. Phương thức write() và writeln() Hàm write() dùng để xuất nội dung ra thiết bị xuất chuẩn (ví dụ như màn hình), hàm writeln() cũng có tác dụng tương tự ngoại trừ sau khi xuất xong thì con trỏ sẽ tự động chuyển xuống đầu dòng tiếp theo Ví dụ: <HTML> <HEAD> <TITLE> Welcome to my site </TITLE></HEAD> <BODY> <SCRIPT TYPE="TEXT/JAVASCRIPT" > document.write(“Welcome to my site!”); </SCRIPT> </BODY> </HTML> Đối tượng Document là một trong những đối tượng rất quan trọng của JavaScript. Nó ám chỉ đến tài liệu mà chúng ta đang thao tác trên tài liệu đó hay nói cách khác là nó chính là trang web chúng ta đang viết trên trang web đó Ví dụ: document.write(“Hi there.”) Trong đoạn mã trên, document là một đối tượng, write là một phương thức của đối tượng này 2. Thuộc tính lastModified Bạn có thể dùng phương thức này để hiển thị ngày cuối cùng tài liệu của bạn được cập nhật trong trang web bằng đoạn mã sau: <script language=”JavaScript”> document.write(“This page created by John N. Last update:” + document.lastModified); </script> 3. Thuộc tính bgColor và fgColor Thuộc tính bgColor và fgColor dùng để xác định màu nền và màu chữ của tài liệu Ví dụ: <script> document.bgColor=”black” document.fgColor=”#336699" </script> Các hộp thông báo (message box) 1. Hộp alert (cảnh báo) Dùng để đưa ra lời cảnh báo cho người dùng đang xem trang web: <script> window.alert(“Welcome to my site!”) </script> 2. Hộp confirm (xác nhận) window.confirm(“Are you sure you want to quit?”) 3. Hộp prompt (nhắc nhở) Hộp prompt cho phép người dùng nhập vào thông tin như được yêu cầu window.prompt(“please enter user name”) Sử dụng biến và điều kiện Hãy xem xét ví dụ sau: <script> var x=window.confirm(“Are you sure you want to quit?”) if (x) window.alert(“Thank you!”) else window.alert(“Good choice!”) </script> Có nhiều khái niệm chúng ta cần phải hiểu rõ trong đoạn mã trên. Trước tiên, var x= là một khai báo biến. Nếu bạn muốn tạo một biến, bạn phải khai báo biến đó dùng phát biểu var. Trong ví dụ trên, x sẽ nhận trị là true (đúng) hay false (sai). Sau đó chúng ta dùng phát biểu điều kiện if else để có thể lựa chọn một trong hai khả năng dựa trên kết quả của biến x. Nếu là true (nghĩa là người dùng click Ok) thì sẽ hiển thị hộp alert có nội dung là “Thank you”. Ngược lại, nếu kết quả là false (người dùng click Cancel) hộp alert “Good choice sẽ được hiển thị. Một ví dụ phức tạp hơn: <html> <head> <script> var x=confirm(“Are you sure you want to quit?”) if (!x) window.location=”http:// www.yahoo.com” </script> </head> <body> Welcome to my website!. </body></html> Hàm Hàm là một nhóm mã lệnh. Trước tiên hãy thử tạo một hàm đơn giản: function test() { document.write(“Hello can you see me?”) } Tuy nhiên nếu chỉ đặt đoạn mã trên vào giữa hai thẻ <script> và </script> thì bạn sẽ... không thấy gì trên màn hình cả bởi vì hàm bạn viết chưa được gọi. Bạn thêm lời gọi hàm test() vào đoạn mã trên, như sau: function test() { document.write(“Hello can you see me?”) } test() Nguồn: Sưu tầm Internet Người đăng: vào lúc 15:55 Nhãn: JavaScript

1 nhận xét:

  1. ViPhonglúc 14:55 21 tháng 10, 2015

    bài viết rất có ích :) thank you!

    Trả lờiXóaTrả lời
      Trả lời
Thêm nhận xétTải thêm... Bài đăng Mới hơn Bài đăng Cũ hơn Trang chủ Đăng ký: Đăng Nhận xét (Atom)

Nhãn

  • Bảo Mật (10)
  • C# (1)
  • Cảnh Giác (2)
  • CMS (6)
  • Dạy Con Làm Giàu (4)
  • Đồ Họa (5)
  • Giá trị cuộc sống (3)
  • HTML & CSS (9)
  • HTML5&CSS3 (3)
  • JavaScript (1)
  • JQuery (1)
  • Kỹ năng cuộc sống (2)
  • Kỹ Năng Mềm (5)
  • Office (7)
  • PHP & MySQL (11)
  • Quản trị nhân sự (1)
  • SEO (4)
  • Web Server (3)
  • Zend Framework (25)

Lưu trữ Blog

  • ▼  2013 (98)
    • ▼  tháng 7 (74)
      • Reset CSS [HTML&CSS]
      • Excel 2007 - Các hàm thông dụng [Office]
      • Tài liệu Excel [Office]
      • Bài 4: Lệnh Color Range : Chọn một dãy màu [Đồ họa]
      • Chống ăn cắp băng thông [Bảo mật]
      • Thao tác với Workbook và WorkSheet trong Excel [Of...
      • Bài 3: Công cụ Magic Wand Tool-lựa chọn vùng chọn ...
      • Tự động đánh số thứ tự cột hoặc hàng trong Excel [...
      • Định dạng dữ liệu, canh chỉnh, vẽ boder trong Exce...
      • Regular Expressions trong PHP [PHP]
      • Bài 1: Giới thiệu C# [C#]
      • Cảnh Giác Với Các Tin Tuyển Dụng Trên Internet Và ...
      • Cách làm giàu đơn giản áp dụng cho mọi người
      • DCLG Tập 1: Cha giàu cha nghèo Phần 1
      • Cách viết E-mail xin việc hiệu quả [Kỹ năng mềm]
      • Cách trỏ tên miền về máy chủ [Web Server]
      • Tên miền (Domain Name) là gì? [Web Server]
      • Hosting là gì [Web Server]
      • Bài 2: Công cụ tạo vùng chọn Lasso Tool [Photoshop]
      • Bài 1: Mở một file trong Photoshop [Photoshop CS6]
      • Excel, sử dụng tổ hợp phím tắt để di chuyển [Office]
      • Giới thiệu Excel Phần I [Office]
      • Tấn công XSS và cách phòng chống [Bảo mật]
      • Kĩ thuật tấn công CROSS-SITE SCRIPTING (XSS) [Bảo ...
      • Các trang web về bảo mật [Bảo mật]
      • Tấn công SQL Injection [Bảo mật]
      • Chống lỗi SQL_Injection [Bảo mật]
      • Ẩn thông báo lỗi MySQL [Bảo mật]
      • SQL Injection Phần 2 [Bảo Mật]
      • SQL Injection Phần 1 [Bảo Mật]
      • Tối ưu hóa thẻ Meta Description [SEO]
      • 10 lời khuyên giúp tối ưu thẻ title [SEO]
      • Cài đặt WordPress [CMS]
      • Các lệnh cơ bản trong JavaScript [JavaScript]
      • Lấy dữ liệu từ trang HTML - HTML DOM [PHP]
      • Chức năng download với PHP thuần [PHP]
      • Hàm set_time_limit trong PHP [PHP]
      • Sử dụng câu truy vấn tìm kiếm [PHP]
      • Sử dụng tiếp đầu ngữ trước tên các bảng trong data...
      • Lưu ý về magic_quotes_gpc, hàm addslashes, hàm mys...
      • Session và Cookie trong PHP [PHP]
      • Xử lý giá trị trong Form PHP [PHP]
      • Tùy chọn magic_quotes_gpc trong PHP [PHP]
      • Smooth Page Scroll to Top with jQuery [JQuery]
      • Bảng mã màu cho Web (Web color) [Css]
      • Css-vấn đề chồng chéo và thứ tự ưu tiên [Css]
      • CSS là gì? [Css]
      • Ngôn ngữ HTML (Phần 2) [HTML]
      • Ngôn ngữ HTML (Phần 1) [HTML]
      • Disable layout khi sử dụng Ajax [Zend Framework]
      • Nạp một file khác trong View [Zend Framework]
      • Không cần gọi View cho Action [Zend Framework]
      • Kiểm tra có phải Ajax Request hay không ? [Zend Fr...
      • Chức năng tìm kiếm trong Zend [Zend Framework]
      • Refresh Captcha trong Zend Framework [Zend Framework]
      • Zend_Captcha [Zend Framework]
      • Zend_Acl phân quyền cho người dùng (ứng dụng trên ...
      • Zend_Acl phân quyền cho người dùng (ứng dụng trên ...
      • Tạo thư viện riêng trong Zend Framework [Zend Fram...
      • Chứng thực đăng nhập với Zend_Auth [Zend Framework]
      • Zend_Form kết hợp với Validate và Filter [Zend Fra...
      • Zend_Filter [Zend Framework]
      • Zend_Validate [Zend Framework]
      • Tìm hiểu cơ bản về Zend_Form [Zend Framework]
      • Phân trang cơ bản với Zend_Paginator [Zend Framework]
      • Tương tác cơ sở dữ liệu sử dụng Zend_Db_Select [Ze...
      • Tương tác cơ sở dữ liệu với Zend_Db [Zend Framework]
      • Cách thêm thẻ Meta Description trong Zend [Zend Fr...
      • Tối ưu thẻ Title trong Zend [Zend Framework]
      • Xây dựng Project Zend Framework [Zend Framework]
      • Cách lấy mảng dữ liệu từ đối tượng Zend_Paginator ...
      • Tương tác cở sở dữ liệu với Zend_Db_Table [Zend Fr...
      • Cấu hình kết nối cở sở dữ liệu trong Zend Framewor...
      • Câu lệnh tăng số lần xem của 1 bài viết [Zend Fram...

Từ khóa » Các Câu Lệnh Trong Javascript