Ví dụ về JavaScript
JavaScript có thể làm gì?
JavaScript có thể thay đổi nội dung HTML JavaScript có thể thay đổi thuộc tính HTML JavaScript có thể thay đổi kiểu CSS JavaScript có thể ẩn các phần tử HTML JavaScript có thể hiển thị các phần tử HTML ẩn
Nơi chèn JavaScript
JavaScript trong <head> JavaScript trong <body> JavaScript trong tệp bên ngoài JavaScript trong url bên ngoài JavaScript trong thư mục bên ngoài
Đầu ra JavaScript
Viết vào đầu ra HTML Viết vào một phần tử HTML Viết vào hộp cảnh báo cửa sổ Viết vào bảng điều khiển trình duyệt
Cú pháp JavaScript
Câu lệnh JavaScript Số JavaScript Chuỗi JavaScript Biến JavaScript Toán tử JavaScript Phép gán JavaScript Biểu thức JavaScript (sử dụng hằng số) Biểu thức JavaScript (sử dụng chuỗi) Biểu thức JavaScript (sử dụng biến) Từ khóa JavaScript Nhận xét JavaScript JavaScript phân biệt chữ hoa chữ thường
Câu lệnh JavaScript
Câu lệnh JavaScript là các lệnh đối với trình duyệt Mã JavaScript là một chuỗi các câu lệnh Các câu lệnh JavaScript được phân tách bằng dấu chấm phẩy Cho phép nhiều câu lệnh trên một dòng Các câu lệnh JavaScript có thể được nhóm lại với nhau trong các khối mã Bạn có thể ngắt dòng mã sau toán tử hoặc dấu phẩy.
Bình luận JavaScript
Chú thích một dòng Chú thích một dòng ở cuối dòng Chú thích nhiều dòng Chú thích một dòng để ngăn việc thực thi Chú thích nhiều dòng để ngăn việc thực thi
Biến JavaScript
Các biến JavaScript Các biến JavaScript dưới dạng đại số Số và chuỗi JavaScript Từ khóa var JavaScript. Khai báo nhiều biến trong một câu lệnh Khai báo nhiều biến multiline Một biến không có giá trị trả về giá trị không xác định Khai báo lại một biến sẽ không hủy giá trị Thêm số JavaScript Thêm chuỗi JavaScript Thêm chuỗi và số
Số học JavaScript
Toán tử cộng (+) Toán tử trừ (-) Toán tử nhân (*) Toán tử chia (/) Toán tử mô đun (%) Toán tử tăng (++) Toán tử giảm (--)
Bài tập JavaScript
Nối chuỗi JavaScript
Cộng hai chuỗi với nhau bằng toán tử nối (+) Thêm hai chuỗi với nhau bằng khoảng trắng ở chuỗi đầu tiên Thêm hai chuỗi với nhau có khoảng trắng ở giữa Thêm hai chuỗi lại với nhau bằng toán tử += Thêm chuỗi và số
Các kiểu dữ liệu JavaScript
Khai báo (tạo) chuỗi Khai báo (tạo) số Khai báo (tạo) một mảng Khai báo (tạo) một đối tượng Tìm loại biến Cộng hai số và một chuỗi Thêm một chuỗi và hai số Một biến không xác định Một biến trống
Đối tượng JavaScript
Tạo một biến JavaScript Tạo một đối tượng JavaScript Tạo một đối tượng người (một dòng) Tạo một đối tượng người (nhiều dòng) Truy cập các thuộc tính đối tượng bằng .property Truy cập các thuộc tính đối tượng bằng cách sử dụng [property] Truy cập một thuộc tính hàm dưới dạng phương thức Truy cập một thuộc tính hàm dưới dạng một tài sản
Hàm JavaScript
Một hàm đơn giản Một hàm có đối số Một hàm có đối số 2 Một hàm trả về một giá trị Một hàm chuyển đổi độ F thành độ C Một lệnh gọi hàm không có ()
Sự kiện JavaScript
Sự kiện onclick thay đổi phần tử HTML Sự kiện onclick thay đổi phần tử của chính nó Sự kiện onclick gọi một hàm
Chuỗi JavaScript
Chuỗi có thể được viết bằng dấu ngoặc đơn hoặc dấu ngoặc kép. Hiển thị một số ví dụ về chuỗi Dấu gạch chéo ngược trước dấu ngoặc kép chấp nhận dấu ngoặc kép dưới dạng dấu ngoặc kép. Tìm độ dài của chuỗi Bạn có thể ngắt chuỗi văn bản bằng dấu gạch chéo ngược. Bạn không thể phá mã bằng dấu gạch chéo ngược. Tìm vị trí xuất hiện đầu tiên của văn bản trong chuỗi - indexOf() Tìm kiếm văn bản trong chuỗi và trả về văn bản nếu tìm thấy - match() Thay thế các ký tự trong chuỗi - thay thế() Chuyển chuỗi thành chữ hoa - toUpperCase () Chuyển chuỗi thành chữ thường - toLowerCase() Tách một chuỗi thành một mảng - Split()
Số JavaScript
Các số có thể được viết có hoặc không có số thập phân Có thể viết các số cực lớn hoặc cực nhỏ bằng ký hiệu số mũ Số được coi là chính xác chỉ tối đa 15 chữ số Số học dấu phẩy động không phải lúc nào cũng chính xác 100% Nhưng nó giúp nhân và chia cho 10 Cộng hai số kết quả là một số mới Thêm hai chuỗi số cũng dẫn đến một chuỗi được nối Thêm một số và một chuỗi số cũng dẫn đến một chuỗi được nối Thêm một chuỗi số và một số cũng dẫn đến một chuỗi được nối Lỗi thường gặp khi thêm chuỗi và số 1 Lỗi thường gặp khi cộng chuỗi và số 2 JavaScript sẽ cố gắng chuyển chuỗi thành số khi chia JavaScript sẽ cố chuyển chuỗi thành số khi nhân JavaScript sẽ cố chuyển chuỗi thành số khi trừ JavaScript sẽ KHÔNG chuyển chuỗi thành số khi cộng Một số chia cho a chuỗi là NaN (Không phải số) Một số được chia cho một chuỗi số là một số Hàm JavaScript toàn cục isNaN() trả về nếu một giá trị là một số Sử dụng NaN trong phép toán sẽ luôn trả về NaN Sử dụng NaN trong phép toán chuỗi sẽ nối NaN NaN (Không phải số) là một số (Có! typeof NaN trả về số) Infinity được trả về nếu bạn tính một số ngoài số lớn nhất có thể Chia cho 0 cũng tạo ra Infinity Infinity là một số (typeof Infinity trả về số) Các hằng số, đứng trước 0x, được hiểu là thập lục phân. Phương thức toString() có thể các số đầu ra dưới dạng hex, bát phân và nhị phân Các số có thể là đối tượng Không thể so sánh các số và đối tượng một cách an toàn Các đối tượng và đối tượng không thể so sánh một cách an toàn
Phương thức số JavaScript
Phương thức toString() chuyển đổi một số thành một chuỗi Phương thức valueOf() trả về một số dưới dạng số ToExential() trả về một số có ký hiệu số mũ Phương thức toFixed() làm tròn một số thành một số chữ số Phương thức toPrecision() một số được viết với độ dài xác định Phương thức toàn cục Number() chuyển đổi các biến thành số Phương thức toàn cục Number() thậm chí có thể chuyển đổi ngày tháng thành số Phương thức toàn cục extractInt() chuyển đổi chuỗi thành số Phương thức toàn cục extractFloat() chuyển đổi chuỗi thành số MAX_VALUE trả về số lớn nhất có thể trong JavaScript MIN_VALUE trả về số nhỏ nhất có thể trong JavaScript POSITIVE_INFINITY biểu thị vô cực POSITIVE_INFINITY được trả về khi tràn NEGATIVE_INFINITY biểu thị vô cực âm NEGATIVE_INFINITY được trả về khi tràn NaN Đại diện cho "Không phải số" Số học được thực hiện trên một chuỗi sẽ dẫn đến NaN Sử dụng thuộc tính Số trên một biến sẽ trả về không xác định
Toán học JavaScript
Math.PI trả về giá trị của PI Math.round(x) trả về giá trị làm tròn của x Math.pow(x, y) trả về giá trị của x lũy thừa của y Math.sqrt(x) trả về căn bậc hai của x Math.abs(x) trả về giá trị tuyệt đối (dương) của x Math.ceil(x) trả về giá trị của x được làm tròn Math.floor(x) trả về giá trị của x được làm tròn xuống Math.sin(x) trả về sin của góc x (tính bằng radian) Math.cos(x) trả về cosin của góc x (tính bằng radian) Math.max() trả về số có giá trị cao nhất từ danh sách các đối số Math.min() tới trả về số có giá trị thấp nhất từ danh sách các đối số Chuyển đổi độ C sang độ F
JavaScript ngẫu nhiên
Math.random() trả về một số ngẫu nhiên trong khoảng từ 0 (bao gồm) đến 1 (loại trừ) Cách trả về một số nguyên ngẫu nhiên trong khoảng từ 0 đến 9 (bao gồm cả hai) Cách trả về một số nguyên ngẫu nhiên trong khoảng từ 0 đến 10 (bao gồm cả hai) Cách trả về một số nguyên ngẫu nhiên từ 0 đến 99 (bao gồm cả hai) Cách trả về một số nguyên ngẫu nhiên từ 0 đến 100 (bao gồm cả hai) Cách trả về một số nguyên ngẫu nhiên từ 1 đến 10 (bao gồm cả hai) Cách trả về một số nguyên ngẫu nhiên từ 1 đến 100 ( bao gồm cả hai) Cách trả về một số nguyên ngẫu nhiên giữa x (bao gồm) và y (không bao gồm) Cách trả về một số nguyên ngẫu nhiên giữa x và y (bao gồm cả hai)
Ngày JavaScript
Sử dụng Date() để hiển thị ngày và giờ hôm nay Sử dụng getFullYear() hiển thị năm Sử dụng getTime() để tính số mili giây kể từ năm 1970 Sử dụng setFullYear() để đặt ngày cụ thể Sử dụng toUTCString() để chuyển đổi ngày hôm nay (theo UTC ) thành một chuỗi Sử dụng getDay() để hiển thị ngày trong tuần dưới dạng số Sử dụng getDay() và một mảng để hiển thị ngày trong tuần dưới dạng tên Hiển thị đồng hồ
Mảng JavaScript
Tạo một mảng I Tạo một mảng II Truy cập một phần tử mảng Thay đổi một phần tử mảng Truy cập toàn bộ mảng Tìm độ dài của một mảng Lặp qua một mảng Thêm một phần tử vào một mảng Thêm các "lỗ" không xác định vào một mảng Cách nhận biết một mảng I Cách nhận biết mảng II
Phương thức mảng JavaScript
Thêm một phần tử vào mảng Xóa phần tử cuối cùng của mảng - pop() Nối tất cả các phần tử của mảng thành một chuỗi - join() Nối hai mảng - concat() Nối ba mảng - concat() Thêm một phần tử vào vị trí 2 trong một mảng - splice() Chuyển đổi một mảng thành một chuỗi - toString() Thêm phần tử mới vào đầu mảng - unshift() Xóa phần tử đầu tiên của mảng - shift() Chọn các phần tử từ một mảng - slice()
Giải thích các phương thức mảng
Sắp xếp mảng JavaScript
Sắp xếp một mảng theo thứ tự tăng dần Sắp xếp một mảng theo thứ tự giảm dần Sắp xếp một mảng số tăng dần Sắp xếp một mảng số giảm dần Sắp xếp các số (theo bảng chữ cái hoặc số) Sắp xếp các số mảng theo thứ tự ngẫu nhiên Tìm số thấp nhất trong một mảng Tìm số cao nhất trong một mảng mảng Tìm số thấp nhất trong một mảng bằng Math.min() Tìm số cao nhất trong một mảng bằng Math.max() Sử dụng phương thức myArrayMin "tự chế" Sử dụng phương thức myArrayMax "tự chế" Sắp xếp các đối tượng theo thuộc tính số Sắp xếp các đối tượng theo chuỗi của cải
Lặp lại mảng JavaScript
Array.forEach() Array.map() Array.filter() Array.reduce() Array.reduceRight() Array.every() Array.some() Array.indexOf() Array.lastIndexOf() Array.find() Mảng.findIndex()
Chuyển đổi loại JavaScript
Hiển thị kiểu của tất cả các loại biến Hiển thị hàm tạo của tất cả các loại biến Chuyển đổi một số thành một chuỗi bằng String() Chuyển đổi một số thành một chuỗi bằng cách sử dụng toString() Tìm hiểu xem một biến có phải là một mảng Tìm hiểu xem một biến có phải là một ngày không
Boolean JavaScript
Hiển thị giá trị Boolean(10 > 9) Hiển thị giá trị 10 > 9 Mọi thứ có giá trị thực đều đúng Giá trị Boolean bằng 0 là sai Giá trị Boolean của trừ 0 là sai Giá trị Boolean của một chuỗi trống là sai Giá trị Boolean giá trị không xác định là sai Giá trị Boolean của null là sai Giá trị Boolean của false là sai Giá trị Boolean của NaN là sai
So sánh JavaScript
Gán 5 cho x và hiển thị giá trị của (x == 8) Gán 5 cho x và hiển thị giá trị của (x == 5) Gán 5 cho x và hiển thị giá trị của (x === 5) Gán 5 cho x và hiển thị giá trị của (x === "5") Gán 5 cho x và hiển thị giá trị của (x != 8) Gán 5 cho x và hiển thị giá trị của (x !== 5 ) Gán 5 cho x, hiển thị giá trị (x !== "5") Gán 5 cho x, hiển thị giá trị (x > 8) Gán 5 cho x, hiển thị giá trị (x < 8) Gán 5 cho x và hiển thị giá trị của (x >= 8) Gán 5 cho x và hiển thị giá trị của (x <= 8)
Điều kiện JavaScript
Vòng lặp JavaScript
Vòng lặp for Vòng lặp một mảng Vòng lặp qua các tiêu đề HTML Vòng lặp while Thực hiện Vòng lặp while Phá vỡ vòng lặp Phá vỡ và tiếp tục vòng lặp Sử dụng câu lệnh for...in để lặp qua các phần tử của một đối tượng
Xử lý lỗi JavaScript
Biểu thức chính quy JavaScript
Đối tượng JavaScript
Tạo một biến JavaScript Tạo một đối tượng JavaScript Tạo một đối tượng JavaScript (một dòng) Tạo một đối tượng JavaScript (nhiều dòng) Tạo một đối tượng JavaScript bằng cách sử dụng mới Tạo các đối tượng JavaScript bằng cách sử dụng hàm tạo Tạo các đối tượng JavaScript tích hợp Cách tốt nhất để tạo các biến JavaScript JavaScript các đối tượng có thể thay đổi
Thuộc tính đối tượng JavaScript
Truy cập thuộc tính bằng .property Truy cập thuộc tính bằng [property] Truy cập thuộc tính bằng for trong Thêm thuộc tính mới vào đối tượng hiện có Xóa thuộc tính khỏi đối tượng
Giải thích thuộc tính đối tượng
Đối tượng JSON
Truy cập các thuộc tính bằng .property Truy cập các thuộc tính bằng [property] Lặp qua các thuộc tính Lặp qua các giá trị thuộc tính Truy cập các đối tượng JSON lồng nhau Sửa đổi các giá trị bằng ký hiệu dấu chấm Sửa đổi các giá trị bằng ký hiệu ngoặc Xóa các thuộc tính đối tượng
Giải thích về thuộc tính đối tượng JSON
Mảng JSON
Truy cập các giá trị mảng Lặp qua một mảng bằng cách sử dụng for-in Lặp qua một mảng bằng cách sử dụng for Truy cập các mảng JSON lồng nhau Sửa đổi các giá trị mảng Xóa các mục trong mảng
Phân tích cú pháp JSON
Sử dụng phân tích cú pháp JSON Sử dụng phân tích cú pháp JSON trong ví dụ AJAX Sử dụng phân tích cú pháp JSON trên một mảng Phân tích ngày tháng Phân tích ngày tháng bằng hàm phục hồi Phân tích hàm
Giải thích về phân tích cú pháp JSON
Chuỗi JSON
Sử dụng xâu chuỗi JSON Sử dụng xâu chuỗi JSON trên một mảng Xâu chuỗi ngày tháng Xâu chuỗi các hàm Xâu chuỗi các hàm bằng phương thức toString()
JSON PHP
Nhận JSON từ tệp php Nhận mảng JSON từ php Nhận JSON từ cơ sở dữ liệu Lặp lại kết quả từ cơ sở dữ liệu Gửi JSON bằng phương thức POST
HTML JSON
Tạo bảng HTML dựa trên dữ liệu JSON Tạo bảng HTML động Tạo danh sách thả xuống HTML dựa trên dữ liệu JSON
JSON JSONP
Ví dụ JSONP đơn giản Tạo thẻ tập lệnh động Ví dụ JSONP với kết quả động Ví dụ JSONP với chức năng gọi lại