Khối lệnh trong Javascript Nhiều câu lệnh Javascript có thể nhóm với nhau tạo ra khối lệnh, các khối lệnh được nhóm bằng cặp dấu ngoặc nhọn {}, các khối thường sử dụng trong các câu lệnh điều khiển rẽ nhánh, vòng lặp … { //Các dòng lệnh trong khối } Khối lệnh cũng có thể dán nhãn cho nó, để sau này từ vị trí khác, bạn có thể nhảy đến thi hành các lệnh trong khối (với lệnh continue, break) labelexamp …
Author: Dương Hoài Thương
Hàm setInterval Hàm setInterval() sẽ gọi một hàm khác (hoặc một đoạn code) cứ sau một khoảng thời gian ấn định. Hàm này trả về ID của quá trình gọi này. Giá trị ID được dùng để ngắt quá trình gọi lặp lại này bằng hàm clearInterval(ID) Cú pháp: var intervalID = setInterval(func, delay); func là hàm sẽ được gọi sau mỗi khoảng thời gian delay (tính theo đơn vị mili giây) Ví dụ sau cứ 3 giây lại hiện popup có nội dung Hi, sau khi hiện thị 5 lần …
Lớp (Class) trong JS Lớp để tạo ra các đối tượng (thực chất là một cách thức khác tạo ra các đối tượng Javascript đã biết). Đối tượng trong nó có các thuộc tính, phương thức. Tạo ra đối tượng sử dụng từ khóa class và hàm khởi tạo constructor //Khai báo một lớp có tên Product class Product { //Hàm khởi tạo constructor(name, price) { this.name = name; this.price = price; this.infomation = `${name} - ${price}`; } //Khai báo một phương thức checkStore(storeid) { …
Trong HTML5 có một số thuộc tính đã cho phép validation bằng cách thiết lập ngay từ thuộc tính của phần tử, như thuộc tính required, min, max ... … hoặc input với thuộc tính type là url, email … (xem form HTML5) Tuy nhiên để validate (kiểm tra dữ liệu hợp lệ trước khi submit form) bạn cần dùng đến JavaScript, chặn lại việc submit để kiểm tra hợp lệ của dữ liệu trước thì bắt sự kiện onsubmit của form. Ví dụ sau mỗi khi form submit nó sẽ gọi hàm validate(), nếu hàm trả về true thì form sẽ …
Tạo các ảnh trượt đơn giản Ví dụ sử dụng JavaScript tạo một Image Slider trượt các ảnh đơn giản, các ảnh chuyển đổi bằng cách bấm vào nút Ảnh trước Ảnh sau Ảnh trước Ảnh sau Code HTML và JavaScript đầy đủ cho ví dụ trên <div> <img id="slider" src="https://raw.githubusercontent.com/ichte/Planets-Android-Learning/master/earth.jpg"> <button onclick="prev()"> Ảnh trước </button> <button onclick="next()"> Ảnh sau </button> </div> <script> var images = [ "https://raw.githubusercontent.com/ichte/Planets-Android-Learning/master/earth.jpg", "https://raw.githubusercontent.com/ichte/Planets-Android-Learning/master/jupiter.jpg", "https://raw.githubusercontent.com/ichte/Planets-Android-Learning/master/neptune.jpg" ]; var num = 0; function next() { var slider = document.getElementById("slider"); num++; …
Bắt sự kiện trên phần tử HTML Bạn có thể viết mã JavaScript thi hành khi một sự kiện nào đó xảy ra, ví dụ khi người dùng bấm vào một phần tử cụ thể, khi di chuyển chuột trên phần tử, khi submit form … Các sự kiện này coi như thuộc tính của phần tử, thuộc tính sẽ gán tên hàm được thi hành. Ví dụ sự kiện khi bấm chuột vào phần tử tương ứng với thuộc …
Các kiểu dữ liệu Kiểu dữ liệu ám chỉ đến kiểu của giá trị mà chương trình làm việc. Trong JavaScript có thể giữ nhiều kiểu dữ liệu như các số, chuỗi, mảng … Các biến trong Javascript khai báo một cách lỏng lẻo, có nghĩa là một biến không có định gắn với một kiểu dữ liệu nào đó (khác với C). Kiểu của biến là kiểu mà giá trị biến đó đang chứa (như một biến khai báo và gán …
Tạo phần tử Bạn có thể dùng JavaScript để tạo mới phần từ HTML sau đó chèn vào trang web. Đây là các cách giúp bạn tạo mới một phần tử HTML document.createElement(tag_name) tạo ra phần tử có thẻ tag_name như a, p, div … element.cloneNode() Tạo ra một phần tử bằng cách nhân bản phần tử chỉ ra (element) document.createTextNode(text) tạo phần tử tử văn bản text HTML var node = document.createTextNode("Tạo ra một phần tử"); var linknode = document.createElement("a"); linknode.href="https://xuanthulab.net/"; linknode.innerText="xuanthulab.net"; Ví dụ trên sẽ tạo …
Thay đổi thuộc tính phần tử trong DOM Khi bạn đã lựa chọn được phần tử trong DOM (chọn phần tử trong DOM), bạn có thể thay đổi thuộc tính liên quan đến phần tử, ví dụ thay đổi nội dung bằng thuộc tính innerHTML (phần tử HTML có những thuộc tính gì) Ví dụ: phần tử HTML <img> như đã biết có thuộc tính src để chỉ ra URL hình ảnh mà thẻ đó hiện thị, đã biết nó có thuộc tính với tên là src thì sau …
Phần tử dạng block và inline Trong văn bản HTML, các phần tử HTML được phân loại ra thành 2 cấp độ đó là: block và inline Các phần tử dạng block (hình chữ nhật) chúng hiện thị liên tiếp theo chiều đứng, chúng bám sát mép trái của phần tử chứa nó. Đó là các thẻ: <h1>, <form>, <li>, <ol>, <ul>, <p>, <pre>, <table>, <div> … Các phần tử dạng inline chúng hiện thi liên tiếp theo chiều ngang. Đó là các phần tử: <b>, <a>, <strong>, <img>, …
In đậm trong HTML – Thẻ b trong HTML Bất cứ nội dung gì mà xuất hiện trong phần tử <b>…</b> đều được in đậm. Ví dụ <!DOCTYPE html> <html> <head> <title>In dam van ban trong HTML</title> </head> <body> <p>Vi du <b>the b trong HTML</b>.</p> </body> </html> Kết quả hiển thị là: Vi du the b trong HTML. In nghiêng trong HTML – Thẻ i trong HTML Bất cứ nội dung gì xuất hiện trong phần tử <i>…</i> đều được in nghiêng: Ví dụ <!DOCTYPE …
Thuộc tính clear Các phần tử theo sau một phần tử có thuộc tính float (left, right) nó sẽ bám theo đuôi phần tử đó. Nếu bạn muốn ngắt đuôi bạn dùng thuộc tính clear. Thuộc tính clear nhận giá trị: none giá trị mặc định, cho phép các phần tử bám theo cả trái, phải left không cho bám bên trái right không cho bám bên phải both không cho bám cả hai bên Ví dụ: <style> .floating { float: right; } </style> This paragraph is above the …
Phần tử dạng block và inline Trong văn bản HTML, các phần tử HTML được phân loại ra thành 2 cấp độ đó là: block và inline Các phần tử dạng block (hình chữ nhật) chúng hiện thị liên tiếp theo chiều đứng, chúng bám sát mép trái của phần tử chứa nó. Đó là các thẻ: <h1>, <form>, <li>, <ol>, <ul>, <p>, <pre>, <table>, <div> … Các phần tử dạng inline chúng hiện thi liên tiếp theo chiều ngang. Đó là các phần tử: <b>, <a>, <strong>, <img>, …
Tạo bảng biểu với thẻ <table> Bảng biểu được định nghĩa với thẻ <table>, các dòng của bảng được phân chia bởi thẻ <tr> (table row), các dòng trong bảng chia thành các cột (table data) bởi thẻ <td> Đây là một ví dụ về tạo bảng: <table border="1"> <tr> <td>Abc1</td> <td>Abc2</td> <td>Abc3</td> </tr> </table> Abc1 Abc2 Abc3 Thẻ <td> là nơi chứa dữ liệu của bảng, nó có thể chứa các thẻ HTML khác như văn bản, hình ảnh, danh sách thậm chí …
HashMap Array, List lưu trữ các phần tử như một tập hợp có thứ tự, mỗi phần tử có một chỉ số vị trí index. HashMap được sử dụng để lưu trữ dữ liệu tập hợp như là cặp key / value. Một đối tượng sử dụng như là key (index), đối tượng kia là object (value). Các phương thức put, remove, get sử dụng để thêm, xóa, lấy phần tử trong HashMap import java.util.HashMap; public class MyClass { public static void main(String[ ] args) { …
ArrayList Mảng cơ bản trong Java là cố định về số phần tử, nghĩa là sau khai báo chúng không thể mở rộng, hay cắt bớt số phần tử. Nếu muốn có thêm chức năng này thì dùng ArrayList trong package java.util import java.util.ArrayList; //... ArrayList colors = new ArrayList(); Bạn cũng có thể khai báo chi ngay ra kiểu các phần tử mảng này lưu trữ //Khai báo kiểu phần tử String, khởi tạo với 10 phần tử ArrayList colors = new …
Exception – Ngoại lệ Một ngoại lệ (exception) là lỗi xảy ra khi chương trình thi hành. Ngoại lệ dẫn tới chương trình kết thúc. Bắt ngoại lệ (Exception handling) trong Java là cơ chế giúp bạn nhận được lỗi xảy ra và đưa ra cách xử lý theo tình huống mong muốn. Một ngoại lệ có thể xảy ra do nhiều nguyên nhân khác nhau, ví dụ Người dùng nhập sai dữ liệu quy định Một file nào đó …
Enum – Kiểu liệt kê Một Enum trong Java là kiểu liệt kế, nó định nghĩa một tập hợp các hằng số. Định nghĩa nó bằng từ khóa enum Ví dụ: enum Rank { SOLDIER, SERGEANT, CAPTAIN } Ta thấy các giá trị trong enum cách nhau bởi dấu phảy , Tham khảo đến giá trị của Enum bằng cách viết tên enum, dấu chấm, giá trị như ví dụ sau Rank a = Rank.SOLDIER; Ví dụ Enum với switch Rank a …
So sánh đối tượng với Java Cần phải nhớ rằng khi bạn tạo ra các đối tượng, biến lưu đối tượng là một tham chiếu tới đối tượng. Do vậy khi sử dụng toán tử so sánh bằng ==, nó sẽ sử dụng tham chiếu để so sánh chứ không sử dụng giá trị đối tượng so sánh. class Animal { String name; Animal(String n) { name = n; } } class MyClass { public static void main(String[ ] args) { …
Inner Class – Lớp lồng nhau Java có hỗ trợ lớp lồng nhau; một lớp có thể là một thành viên biên trong một lớp khác. Tạo ra lớp trong lớp khác rất đơn gian. Chỉ cần định nghĩa nó đúng như cách thông thường nhưng là nằm bên trong một lớp. Một lớp bên trong khác một chút với lớp thông thường là nó có thể khai báo với private nếu muốn lớp bên trong không được các lớp khác sử …
Anonymous Class – Lớp không tên trong Java Tạo ra lớp không tên là cách tạo ra đối tượng lớp có sự mở rộng từ một lớp được kế thừa khi đang chạy code: Xem ví dụ sau, trước tiên có một lớp thông thường tên Machine class Machine { public void start() { System.out.println("Starting..."); } } Giờ tạo một đối tượng lớp Machine, nhưng lớp có mở rộng thêm khi chạy: public static void main(String[ ] args) { Machine …
Điều chỉnh phạm vi truy cập trong Java Hãy xem từ khóa public đứng phía trước hàm main(). public static void main(String[] args) Từ khóa public đó gọi là access modifier – điều khiển mức độ truy cập. Các modifier có thể sử dụng cho: lớp (class), phương thức, thuộc tính. Access modifier trong lớp Đối với các lớp, modifier sử dụng được là public hoặc là mặc định không có khai báo modifer với ý nghĩa như sau: public lớp này có thể được truy cập bởi bất kỳ lớp nào …
Thread Java là ngôn ngữ hỗ trợ đã luồng (multi-threaded). Điều này có nghĩa bạn có thể tùy chọn sử dụng các tài nguyên bằng cách chạy hai hoặc nhiều luồng, mỗi luồng thi hành một nhiệm vụ khác nhau. Chương trình của bạn có thể lập trình chia thành nhiều luồng và kích hoạt nó chạy song song. Hình vẽ sau cho biết vòng đời của một luồng New một thread mới bắt đầu. Trạng thái là mới sinh, trạng …
Chuỗi trong Java Một đối tượng String là chuỗi ký tự dùng để lưu dữ các ký tự theo một dãy có thứ tự, số ký tự lưu được không hạn chế, có thể biểu diễn chuỗi trên một dòng với các ký tự trong dấu nháy kép "", như "Hello" là một chuỗi dài 5 ký tự. Chuỗi trong Java là một đối tượng, nên khi khởi tạo được chuỗi thì đối tượng này cung cấp một số phương thức để làm việc với …
Các ứng dụng trong phần Java Cơ bản sử dụng Console (giao diện dòng text) để nhập dữ liệu từ người dùng và xuất hiện thị các thông tin cho người dùng. Khi chạy trong Eclipse bằng cách nhấn tổ hợp phím ctrl+F11 thì cửa sổ sổ Console hiện thị phía dưới, bạn có thể chọn một số loại cung cấp sẵn. Ví dụ Maven Console để nhập xuất dữ liệu. Console Output Console Input Tạo .jar Trong phần tiếp theo, viết một đoạn code nhỏ …
Cài đặt Java SE Development Kit Để phát triển và chạy ứng dụng Java máy tính cần cài đặt Java SDK, hãy gõ lệnh sau để kiểm tra có Java chưa java -version Nếu không có thông tin như trên thì cần cài đặt. Vào địa chỉ jdk8-downloads , chọn tải về đúng bản phù hợp với máy (linux, macos, win64, win32), sau đó chạy file cài đặt. Sau khi cài đặt, kiểm tra lại: Cài đặt Visual Studio Code để phát triển ứng …
Ép kiểu, chuyển kiểu nguyên thủy Java Việc gán một biến kiểu này bằng một giá trị có kiểu khác được hiểu là chuyển kiểu, ép kiểu (casting type). Xem ví dụ sau: int a = (int) 3.14; System.out.println(a); //Outputs 3 Code trên đã chuyển số 3.14 không phải là int thành kiểu int và gán vào a (giá trị sau khi ép kiểu là 3). Ví dụ double a = 42.571; int b = (int) a; System.out.println(b); //Outputs 42 …
Tham số kiểu giá trị (Tham trị) trong Java Kiểu này dành cho các biến, tham số khai báo kiểu dữ liệu cơ bản nguyên thủy gồm: byte, short, int, long, float, double, boolean, char xem thêm những kiểu dữ liệu nguyên thủy Java Kiểu này thì mỗi biến có lưu giá trị của biến chính xác tại địa chỉ bộ nhớ dành cho biến đó (nói cách khác địa chỉ bộ nhớ có lưu giá trị), hai biến có tên khác nhau thì …
Biến và Kiểu dữ liệu trong Java Các BIẾN là nơi để lưu dữ liệu trong quá trình ứng dụng thi hành, biến có tên biến (ví dụ age, name …) dùng để lưu dữ liệu vào đó và lấy dữ liệu từ đó ra, mỗi biến cũng thuộc về một KIỂU DŨ LIỆU cho biết loại dữ liệu mà biến có thể lưu giữ (số nguyên, số thực …)Một số kiểu dữ liệu trong Java như: int kiểu dữ liệu số nguyên như …
Đối tượng Math Đối tượng Math là định nghĩa sẵn trong JS, nó chứa các thuộc tính và phương thức cho phép thi hành một số tác vụ về toán học. Các thuộc tính của Math Thuộc tính Diễn tả E Hằng số Euler PI Hằng số PI LN2 Logarite tự nhiên của 2 LN10 Logarite tự nhiên của 10 Đối tượng Math luôn có sẵn để sử dụng ngay mà không cần tạo mới. document.write(Math.PI); //In ra 3.141592653589793 Các phương thức của Math …