Javascript nhắc onclick

Cấu hình điều khiển cấu trúc trong javascript

26/03/2020

Cấu hình điều khiển cấu trúc trong javascript bao gồm các lệnh if, switch, loop for, while, do while… là các kiến ​​trúc cần biết trong Javascript

Ra lệnh nếu trong javascript

Lệnh nếu trong javascript dùng để thực thi đoạn mã thi khi điều kiện là đúng (điều kiện sai thì bỏ qua đoạn mã, không thực hiện)

if (điềukiện) { 
   mã lệnh chạy khi điềukiện đúng
}

Ví dụ sử dụng lệnh if trong javascript

Ra lệnh if other trong javascript

Lệnh if other trong javascript là cách để thực thi một đoạn mã khi điềukiện đúng và thực thi một đoạn mã khác khi điềukiện là sai

if (điềukiện){
  mã lệnh chạy khi điều kiện đúng
} else {
  mã lệnh chạy khi điều kiện sai
}

Ví dụ sử dụng lệnh if other trong javascript

Toán tử bậc 3 trong javascript

Cách sử dụng toán tử bậc 3 là cách sử dụng thuật toán thu gọn tương tự như lệnh if. Cú pháp như sau (toán hạng1)? . toán hạng3 trong đó oerand1 là nơi diễn ra điều kiện mô tả thì toán hạng2 được xử lý, ngược lại thì toán hạng3 sẽ được xử lý

Công tắc lệnh

Công tắc lệnh trong javascript giúp bạn diễn giải nhiều giá trị của điềukiện để thực thi các mã lệnh khác nhau. Cú pháp như sau

switch ( biểuthức) {
  case giatri1:
     mã lệnh chạy khi biểuthức = giatri1
     break;
  case giatri2:
     mã lệnh chạy khi biểuthức = giatri2
     break;
  default:
    mã lệnh chạy mặc định
} 

Trong khối lệnh swirch, sử dụng lệnh ngắt để thoát khỏi lệnh chuyển đổi, nếu không, trình duyệt sẽ thực hiện tiếp tục các lệnh trong phần trường hợp tiếp theo

Ví dụ sử dụng chuyển đổi lệnh trong javascript

Lệnh play while

Dùng lệnh lặp trong khi javascript để thực hiện lệnh lặp lại đoạn mã khi điều kiện còn đúng, lệnh trong khi sẽ dừng khi điều kiện đang sai. Điều kiện kiểm tra trước khi đoạn mã được thực thi

while (điềukiện ) {
    //Code thực hiện lặp lại khi điềukiện là đúng
}

Ví dụ như lệnh lặp trong khi trong javascript

________số 8_______

Chú thích. must Tính toán để điều kiện sẽ đến lúc sai, nếu không sẽ bị lỗi vô hạn

ví dụ khác

Command op do … while

Dùng lệnh lặp do while trong javascript để diễn giải quá trình đoạn mã lặp trong khi điều kiện còn sai, do while sẽ dừng khi điều kiện đang sai
Mã thực thi trước rồi mới kiểm tra điềukiện, nếu điềukiện đúng sẽ vòng lên và lặp tiếp, nếu điềukiện là sai thì không lặp nữa

0

Ví dụ như lệnh lặp do while trong javascript

1

Chú thích. must Tính toán để điều kiện sẽ đến lúc sai, nếu không sẽ bị lỗi vô hạn

Command for in javascript

Một trong các cấu trúc điều khiển cấu trúc trong javascript thường hay sử dụng là lệnh lặp cho. Sử dụng lệnh này để lặp lại một đoạn mã với số lần xác định. Cú pháp command for as after

2

Ví dụ lệnh lặp cho trong javascript

3

The command for could used to verify a array

4

Tạo hàm mới trong Javascript

Trong javascript, bạn có thể tạo thêm các hàm mới bên ngoài các hàm có sẵn trong thư viện javascript. Lệnh khai báo hàm mới là cần thiết khi bạn cần tạo ra một chức năng nào đó , có tên công cụ có thể và sử dụng nhiều lần về sau
Hàm sẽ chạy khi bạn gọi tên của nó. Cú pháp khai báo hàm mới giống như sau

5

(Lệnh return in function dùng để thoát hàm và trả về 1 giá trị nào đó. Lệnh này có thể bỏ qua nếu không cần sử dụng)

default function Calling

6

Ví dụ. định nghĩa hàm tính tuổi và gọi hàm

7

Định nghĩa hàm chao và gọi hàm

8

Chú thích. could call function could at a script thẻ khác với tập lệnh thẻ định nghĩa hàm

Ví dụ 3. function has return value

9

Hàm nhắc trong javascript

Hàm prompt là hàm có sẵn trong javascript. You use function prompt to input value from user. Hàm nhắc trả về giá trị mà người dùng đã nhập, trả về Sai nếu người dùng nhắp nút Hủy. Call function prompt as after. prompt(thông_điệp );

if (điềukiện){
  mã lệnh chạy khi điều kiện đúng
} else {
  mã lệnh chạy khi điều kiện sai
}

0

Hàm xác nhận trong javascript

Hàm xác nhận là hàm có sẵn trong javascript. Nó giúp bạn hiện ra 1 hộp thoại để hỏi người dùng cái gì đó, trong hộp thoại có nút OK và nút Hủy. Nếu người dùng cài đặt OK (đồng ý) thì hàm xác nhận trả về giá trị đúng, còn nếu người dùng cài đặt nút Cancel thì hàm xác nhận trả về giá trị sai. Ví dụ

if (điềukiện){
  mã lệnh chạy khi điều kiện đúng
} else {
  mã lệnh chạy khi điều kiện sai
}

1

Pham vi variable in javascript

local variable

• Biến được khai báo trong hàm
• Chỉ được tham chiếu đến trong phạm vi khai báo

Global Translator

• Biến được khai báo bên ngoài chức năng
• Can't reference to from any where

Ví dụ

if (điềukiện){
  mã lệnh chạy khi điều kiện đúng
} else {
  mã lệnh chạy khi điều kiện sai
}

2

Event in Javascript

Tất cả các thẻ trong trang web đều có nhiều sự cố xảy ra, tùy theo cách sử dụng của người dùng như nhấp chuột, gõ phím…và trạng thái trang. Bạn cần biết về các sự kiện này để viết mã khi các sự kiện xảy ra

Các sự kiện trong javascript thường được sử dụng

trong một cái nhấp chuột. là sự kiện xảy ra khi người dùng nhấp chuột vào một thẻ trong trang web

onLoad và onUnload. là sự kiện xảy ra khi người dùng truy cập hoặc thoát khỏi trang web

onFocus, onBlur, onChange. là các sự kiện xả ra khi các trường biểu mẫu nhận được tiêu điểm, mất tiêu điểm hoặc bị thay đổi giá trị

onMouseOver. là sự kiện xảy ra khi người dùng di chuột lên thẻ HTML

Ví dụ cách sử dụng sự kiện

Nhấp vào bất kỳ đâu trên trang web

if (điềukiện){
  mã lệnh chạy khi điều kiện đúng
} else {
  mã lệnh chạy khi điều kiện sai
}

3

Có thể thêm nhiều dòng lệnh

if (điềukiện){
  mã lệnh chạy khi điều kiện đúng
} else {
  mã lệnh chạy khi điều kiện sai
}

4

=>Trong trường hợp xử lý phức tạp cho sự kiện????

Xử lý phức tạp cho sự kiện

Sử dụng hàm để thực hiện các xử lý cho sự kiện

if (điềukiện){
  mã lệnh chạy khi điều kiện đúng
} else {
  mã lệnh chạy khi điều kiện sai
}

5

Ví dụ 2

if (điềukiện){
  mã lệnh chạy khi điều kiện đúng
} else {
  mã lệnh chạy khi điều kiện sai
}

6

Các hàm timer trong javascript

Trong javaScript, có một số hàm giúp bạn xử lý các sự kiện theo thời gian. That is the following functions

Hàm Giải thích setTimeout Thực hiện công việc sau một khoảng thời gian chỉ định (thời gian tính bằng mili giây)clearTimeoutHủy bỏ setTimeout trước đósetInterval Thực hiện lặp lại công việc sau một khoảng thời gian chỉ định (thời gian tính bằng mili giây)clearIntervalHủy bỏ setInterval trước đó

cú pháp

if (điềukiện){
  mã lệnh chạy khi điều kiện đúng
} else {
  mã lệnh chạy khi điều kiện sai
}

7

• Lệnh_javascript. Là mã lệnh javascript sẽ thực thi hoặc lời gọi hàm
• mili_giây. Sau this time code will be done
• setTimeout() trả về giá trị đại diện, giá trị này được lưu trong biến t. Nếu muốn hủy bỏ setTimeout, hãy sử dụng hàm clearTimeout và truyền vào đối số t

Hàm setTimeout trong javascript

if (điềukiện){
  mã lệnh chạy khi điều kiện đúng
} else {
  mã lệnh chạy khi điều kiện sai
}

8

Hàm setInterval trong javascript

if (điềukiện){
  mã lệnh chạy khi điều kiện đúng
} else {
  mã lệnh chạy khi điều kiện sai
}

9

Cấu trúc điều khiển cấu trúc trong Javascript được sử dụng để thực hiện các tính toán, tạo dữ liệu và hiển thị dữ liệu trong trang theo ngữ cảnh. You will use them very many after this. Bài tiếp theo sẽ nói về lập trình đối tượng trong Javascript và mô hình BOM