Các vòng lặp js

  • Home
  • Forum
  • Tự Học HTML
  • Tự Học Javascript
  • Tự Học PHP

MỞ ĐẦU

  • Mở đầu về Javascript
  • Cú pháp JS
  • Các kiểu giá trị JS - P1
  • Các kiểu giá trị JS - P2
  • JS Phép toán - câu lệnh gán
  • JS Cách đặt tên biến
  • Function - hàm JS
  • JS Thủ tục vào ra đơn giản
  • javascript Event
  • các hàm JS sẽ dùng trong các ví dụ
  • Một số hàm JS khác
  • JS Comment - chú thích

CẤU TRÚC RẼ NHÁNH

  • Js câu lệnh IF
  • JS - ELSE...IF

CẤU TRÚC LẶP

  • Các vòng lặp js
  • break - dùng vòng lặp js

MẢNG

  • Mảng trong Javascript
  • Tại sao cần dùng mảng
  • Làm việc với mảng
  • JS Mảng 2 chiều
  • Mảng dựng sẵn

JS FUNCTION - HÀM

  • Tự soạn thảo các hàm
  • Hàm và các tham số
  • Biến toàn cục và biến cục bộ
  • Javascript function return - Giá trị trả về

FORM

  • Nói về các dấu chấm
  • JS làm việc với FORM
  • Nhận + thiết lập thông tin
  • Kiểm tra Text,password,textarea
  • Kiểm tra Select Element
  • Kiểm tra các nút Radio
  • Xử lý chuỗi

WINDOW

  • Mở cửa sổ mới
  • Đóng cửa sổ
  • Di chuyễn cửa sổ
  • Địa chỉ cửa sổ

FRAMES

  • Javascript và Frame
  • Ví dụ về frame và js

HẸN GIỜ

  • setTimeout - Định giờ cho sự kiện
  • clearTimeout - Ngưng hẹn giờ
  • Tạo một đồng hồ bấm giờ

LINH TINH KHÁC

  • Date, Time
  • JavaScript getElementById
  • JavaScript innerHTML
  • JavaScript Void 0
  • Vấn đề với trình duyệt

COOKIES

  • Cookies là gì?
  • Thiết lập Cookie
  • Đọc cookies

Các vòng lặp js

xxCấu trúc lặp
Tháng Sáu 14, 2009, 04:50:34 PM gửi bởi nvcnvn
Bạn muốn bày tỏ tình yêu với người ấy, và muốn cho người ấy biết bạn yêu người ấy đến nức nào, và ý tưởng của bạn sẽ là một trang web với hàng ngàn dòng chữ : I LOVE YOU

Có hai cách để làm chuyện này:
_Đầu tiên bạn hãy viết ra một câu: I LOVE YOU, sau đó copy & past bằng tổ hợp phím Ctrl + V cho nó lẹ, được cở 5,6 dòng, tô đen hết lại past tiếp, được cỡ một ganf, tô den rồi past cho nó nhiều, chả mấy chốc cũng sẽ được một ngàn dòng.
_Cách thứ hai là làm mọi thứ với khoảng 5 dòng với javascript, quăng luôn đoạn code để mọi người xem rồi ta cùng đi vào tìm hiểu sau:
Mã nguồn: [Chọn]
<script language="javascript">
var i=0;
while(i<1001)
{
document.write(" <b><font color=\"#FF00FF\">I LOVE YOU</font></b><br />");
i=i+1;
}
</script>
Không tính hai thẻ đóng và mở của tag <script> thì ta có 6 dòng, đoạn js này dài 6 dòng nhưng sẽ in ra được 1000 câu anh yêu em với định dạng như trên, bắt đầu phân tích nào:
dòng var i=0; khai báo biến đếm (vì nó là để đếm xem bao nhiêu lần rồi nên gọi là biến đếm thôi) i và gán cho nó giá trị =0;
dòng while(i<1001) dòng này là linh hồn của cả đoạn, chữ while trong tiếng anh có nghĩa là trong khi, còn với cú pháp javascript trên thì dịch cả câu là : khi điều kiện còn đúng thì làm đi, làm lại cái trong cặp dấu ngoặc móc, với câu lệnh trên của chúng ta thì điều kiện là i<1001.
Hàm document.write có vài điểm hơi lạ, các bạn chắc hẵn còn nhớ là để tránh sự nhần lẫn giữa các dấu nháy, nếu bạn muốn thêm vào trong hàm các phần tử html  với các gái trị bao quanh dấu nháy thì phải thay các dấu nháy đôi bằng dấu nháy đơn, nhưng tại sao mình lại dùng được các dấu náy kép được, dĩ nhiên các bạn sẽ đoán được là nhờ các dấu \ ngay phía trước các dấu nháy kép, đây là một số lưu ý để sao này các bạn chắc hẵn sẽ cần dùng tới.
Dòng i=i+1; đây là dòng tăng giá trị của i lên, phải có dòng này thì tới một lúc nào đó vòng lặp mới ngưng chứ!

Một dạng vòng lặp khác là vòng lặp for.
Bạn hãy xem ví dụ với cùng chức năng với đoạn code trên:
Mã nguồn: [Chọn]
for(i=0;i<1001;i++)
{
document.write(" <b><font color=\"#FF00FF\">I LOVE YOU</font></b><BR />");
}
tất cả vòng lặp for đều như thế này:
for(phần khởi tạo;phần điều kiện;tăng hay giảm giá trị)
Phần khởi tạo: bạn khái báo biến đếm và gán giá trị ban đầu cho nó luôn.
Phần điều kiện: bạn đặt ra điều kiện.
Phần tăng/giảm gái trị: đây là điềm khác biệt nhất với vòng lặp while, trong khi vòng lặp while thì cần một câu lệnh để tăng/giảm giá trị cho biến đếm, thì bản chất vòng lặp for đã có sẵn điều này.
Mình trong ví dụ trên, điều kiện mìh đã đạt theo kiểu toán tự rút gọn ( ++ có nghĩa là tự tăng lên 1, bạn nên xem lại bài toán tử)

Chú ý: mọi con đường đều về La Mã, ở các ví dụ trên mình chỉ cho tăng biến đếm lên, trong khi vẫn có thể làm như thế với các giảm biến đếm xuống, chỉ cần linh hoạt một chút:
Mã nguồn: [Chọn]
for(i=1001;i>1;i--)
{
document.write(" <b><font color=\"#FF00FF\">I LOVE YOU</font></b><BR />");
}

hãy linh hoạt và vận dụng thích hợp cho mục đích của bạn, đó là việc mà chỉ con người mới làm được!

http://hocvui.net
Viết một nhật xét mới

Danh Sách Các Bài Trả Lời:

Trang: [1]

xx Re: Cấu trúc lặp
Trả lời bài này 1: Tháng Chín 06, 2010, 11:00:41 PM gửi bởi hoduclong
very funy :D
Trang: [1]
 
Information Technology News|| Download driver and more|| SMF cho người Việt
|| game avatar || nông trại vui vẻ
Thích hợp với các trình dyệt:
Firefox - Opera - Google Chrome