a. Biến và cách khai báo biến
Biến trong javascript được sử dụng từ khóa var để khai báo, khi khai báo nhiều biến chúng ta phân cách chúng bởi dấu (,).
Tên biến không có khoảng cách trống, không được trùng tên với từ khóa, bắt đầu bằng ký tự, đặc điểm tên biến phân biệt chữ hoa và chữ thường.
Ví dụ 4.5:
var so_a, so_b; var chuoi;
Sau khi khai báo biến chúng ta có thể khởi gán giá trị cho tên biến bằng cách dùng toán tử gán(=), khi đó kiểu dữ liệu của biến là kiểu của giá trị được khởi gán.
Ví dụ 4.6:
so_a = 9; //kiểu của so_a là kiểu số nguyên.
chuoi = “Hello” // kiểu của chuoi là kiểu chuỗi ký tự.
Để kiểm tra xem kiểu dữ liệu của tên biến ta sử dụng hàm typeof(<tên_biến>). Chuyển đổi chuỗi số thành kiểu số ta sử dụng hàm parseInt() hoặc parseFloat().
Ví dụ 4.7:
chuoi = “123.45”;
so_a = parseInt(chuoi); //khi đó so_a = 123; so_b = parseFloat(chuoi); //khi đó so_b =123.45; Chuyển đổi số thành chuỗi ta sử dụng hàm toString()
Ví dụ 4.8:
chuoi = toString(so_a); // khi đó chuoi = “123”;
b. Xuất thông tin lên trình duyệt web
Để xuất thông tin lên trình duyệt web ta sử dụng Cú pháp sau: document.write(<nội dung>);
hoăc document.writeln(<nội dung>);
Ví dụ 4.9:
document.write(“Chào các bạn”); // xuất ra chuỗi. document.write(chuoi); // xuất ra biến chuỗi.
4. Các phép toán
Trong ngôn ngữ lập trình javascript các phép toán tương tự như các phép toán trong C. Các phép tính toán học: + Phép cộng - Phép trừ * Phép nhân / Phép chia % Phép lấy phần dư
++ Tăng giá trị lên 1 đơn vị -- Giảm giá trị xuống 1 đơn vị Các phép gán:
Phép toán Ví dụ Tương tự Kết quả = x=y x=5 += x+=y x=x+y x=15 -= x-=y x=x-y x=5 *= x*=y x=x*y x=50 /= x/=y x=x/y x=2 %= x%=y x=x%y x=0
Phép toán + : được sử dụng để cộng chuổi(nối chuổi)
Ví dụ 4.10: Cộng hai chuỗi st1="Hôm nay là";
st2="đẹp trời";
st=st1+ “ ”+st2; // Kết quả st = “Hôm nay là một ngày đẹp trời”;
Phép cộng giữa chuổi và số: khi cộng một chuỗi với một số kết quả sẽ là chuỗi.
Ví dụ 4.11: Cộng chuỗi và số //Cộng số với số
x=5+5;
document.write(x); // Cộng chuổi với chuỗi x="5"+"5"; document.write(x); // Cộng số với chuỗi x=5+"5"; document.write(x); // Cộng chuỗi với số x="5"+5; document.write(x); Phép so sánh: == Bằng === Bằng chính xác (giá trị và kiểu) != Không bằng > Lớn hơn < Nhỏ hơn
>= Lớn hơn hoặc bằng <= Nhỏ hơn hoặc bằng Phép toán logic: && Và || Hoặc ! Phủ định
Phép toán điều kiện:
ten_bien =(<điều kiện>)?gia_tri_true:gia_tri_sai
5. Câu lệnh rẽ nhánh If...Else
Câu lệnh rẽ nhánh có 3 dạng:
Dạng 1: Câu lệnh if dạng khuyết.
Câu lệnh if dạng này được sử dụng để kiểm tra điều kiện, nếu điều kiện thõa mãn thì thực hiện một nhiệm vụ nào đó.
Cú pháp:
if (<Điều kiện>)
{ // mã lệnh nếu biểu thức điều kiện đúng
}
Ví dụ 4.12: Lấy ra giờ hệ thống, nếu giờ nhỏ hơn 10 giờ thì in ra trình duyệt “Chào buổi
sáng”
<script type="text/javascript">
var d=new Date(); // Lớp d là kiểu dữ liệu giờ var time=d.getHours(); // lấy ra giờ
if (time<10) { document.write("<b>Chào buổi sáng</b>"); } </script> Dạng 2: Câu lệnh if dạng đầy đủ
Câu lệnh if dạng này được sử dụng để kiểm tra điều kiện, nếu điều kiện thõa màn thì thực hiện một công việc này còn nếu sai thì thực hiện nhiệm vụ khác.
Cú pháp:
if (<Điều kiện>) {
// Mã lệnh nếu điều kiện đúng; }
else {
//Mã lệnh nếu điều kiện sai }
Ví dụ 4.13: Lấy ra giờ hệ thống, nếu giờ hiện tại nhỏ hơn 10 thì xuất ra màn hình là “Good morning!”, ngược lại “Good day!”
<script type="text/javascript"> var d = new Date();
var time = d.getHours(); if (time < 10) { document.write("Good morning!"); } else { document.write("Good day!"); } </script> Dạng 3: Câu lệnh if lồng nhau:
Câu lệnh if dạng lồng được sử dụng khi điều kiện đưa ra có thể xẩy ra hơn hai trường hợp. Cú pháp:
if (<Điều kiện1>) {
// Mã lệnh nếu biểu thức <Điều kiện 1> đúng; } else if (<Điều kiện2>)
{
// Mã lệnh nếu biểu thức <Điều kiện 2> đúng; } else
{
// Mã lệnh nếu biểu thức <điều kiện 1> và <điều kiện 2> sai. }
<script type="text/javascript"> var d = new Date()
var time = d.getHours() if (time<10)
{
document.write("<b>Good morning</b>"); }
else if (time>10 && time<16) { document.write("<b>Good day</b>"); } else { document.write("<b>Hello World!</b>"); } </script>
6. Câu lệnh lựa chọn Switch
Câu lệnh switch được sử dụng khi biểu thức có thể trả về nhiều giá trị khác nhau, mỗi giá trị như vậy thì thực hiện một công việc khác nhau.
Cú pháp:
switch(<biểu_thức>) {
case gt1:
//Thực hiện lệnh nếu biểu_thức = gt1 break;
case gt2:
//Thực hiện lệnh nếu biểu_thức = gt2 break;
default:
//Thực hiện lệnh nếu biểu_thức không bằng gt1 hoặc gt2 }
Ví dụ 4.15:
<script type="text/javascript"> var d=new Date();
theDay=d.getDay(); switch (theDay) {
case 1: document.write("Thứ hai");
break; case 2: document.write("Thứ ba");
break;
case 3: document.write("Thứ tư");
break; case 4: document.write("Thứ năm");
break;
case 5: document.write("Thứ sáu");
break; case 6: document.write("Thứ bảy");
break; default: document.write("Chủ nhật"); } </script> 7. Định nghĩa hàm
Ngoài những hàm javascript đã định nghĩa sẵn, chúng ta có thể định nghĩa để thực hiện một nhiệm vụ nào đó.
Cấu trúc của hàm:
function <tên hàm>(<tham số nếu có>) {
// mã lệnh. }
8. Hộp thông báo
Khi người dùng nhập thông tin hoặc tác động đến trang web thì một thông báo hiện ra cảnh báo hay nhắc nhở người.
Kiểu thông báo: Hộp thông báo alert() chỉ có nút lệnh OK. Cú pháp:
alert("Dòng thông báo");
<html> <head>
<script type="text/javascript"> function show_alert()
{
alert("I am an alert box!"); }
</script> </head> <body>
<input type="button" onclick="show_alert()" value="Show alert box" /> </body>
</html>
Kiểu thông báo confirm() có hai nút lệnh nút lệnh OK và Cancel.
Nếu Click vào Ok thì kết quả trả về là true, nếu click vào Cancel thì kết quả trả về là false. Cú pháp:
confirm("Dòng thông báo");
Ví dụ 4.17: <html> <head> <script type="text/javascript"> function show_confirm() {
var r=confirm("Press a button"); if (r==true)
{ document.write("You pressed OK!");
} else {
document.write("You pressed Cancel!"); }
}
</script> </head> <body>
</body> </html>
Kiểu thông báo prompt() cho phép người dùng nhập vào giá trị và chỉ có hai nút lệnh OK và Cancel.
Nếu click vào Ok thì kết quả trả về là giá trị được nhập từ hộp prompt(), nếu click vào Cancel thì giá trị trả về là null.
Cú pháp:
prompt("Dòng thông báo","Giá trị nhập vào mặc định");
Ví dụ 4.18: <html> <head> <script type="text/javascript"> function show_prompt() {
var name=prompt("Please enter your name","Harry Potter"); if (name!=null && name!="")
{
document.write("Hello " + name + "! How are you today?");
} }
</script> </head> <body>
<input type="button" onclick="show_prompt()" value="Show prompt box" /> </body>
</html>
9. Câu lệnh lặp For
Câu lệnh for dùng để lặp lại công việc với số lần lặp được xác định trước. Cú pháp:
for (var=startvalue;var<=endvalue;var=var+increment) {
// Mã lệnh thực hiện; }
Ví dụ 4.19: <html> <body> <script type="text/javascript"> var i=0; for (i=0;i<=5;i++) {
document.write("The number is " + i); document.write("<br />"); } </script> </body> </html> 10. Câu lệnh lặp While Câu lệnh lặp While:
Câu lệnh while dùng để lặp lại công việc với số lần lặp chưa xác định trước, số lần lặp phục thuộc vào điều kiện.
Cú pháp:
while (<biểu thức điều kiện>)
{ // Thực hiện mã lệnh;
}
Kiểm tra điều kiện, nếu biểu thức điều kiện còn đúng thì thực hiện mã lệnh, điều kiện sai thì thoát khỏi vòng lặp. Ví dụ 4.20: <html> <body> <script type="text/javascript"> var i=0; while (i<=5) {
document.write("The number is " + i); document.write("<br />");
} </script>
</body> </html>
Câu lệnh do … while
Thực hiện mã lệnh, sau đó kiểm tra điều kiện nếu điều kiện còn chưa đúng thì thực hiện thì thực hiện mã lệnh, điều kiện đúng thì thoát khỏi vòng lặp.
Cú pháp: do { // Thực hiện mã lệnh; } while (var<=endvalue); Ví dụ 4.21: <html> <body> <script type="text/javascript"> var i=0; do {
document.write("The number is " + i); document.write("<br />"); i++; } while (i<=5); </script> </body> </html> 11. Câu lệnh lặp For...In
Câu lệnh for …in là một câu lệnh đặc biệt không có trong C chỉ có trong javascript, nó được dùng để duyệt các phần tử trong một đối tượng trong javascript. Ví dụ như trong đối tượng mảng.
Cú pháp:
{ // Mã lệnh thực hiện; } Ví dụ 4.22: <html> <body> <script type="text/javascript"> var x;
var mycars = new Array(); mycars[0] = "Saab"; mycars[1] = "Volvo"; mycars[2] = "BMW"; for (x in mycars) { document.write(mycars[x] + "<br />"); } </script> </body> </html>
12. Sự kiện trong Javascript
a. Sự kiện onLoad và onUnload
Sự kiện Chức năng onFocus
onBlur Sự kiện onBlur được thực hiện khi người dùng con trỏ di chuyển ra khỏi thẻ. onChange
onClick onActive
onLoad Sự kiện onLoad được thực hiện khi người dùng tải dữ liệu lên trình duyệt web.
onUnload Sự kiện onUnload được thực hiện khi người dùng đó lại quá trình tải dữ liệu lên trình duyệt web.
onKeypress
onSubmit Sự kiện onSubmit được thực hiện khi người dùng thực hiện submit một form. MouseOver Sự kiện onMouseover được thực hiện khi người dùng đưa chuột lên thẻ. onMouseOut Sự kiện onMouseout được thực hiện khi người dùng đưa chuột ra khỏi thẻ.
13. Câu lệnh Try...Catch
Câu lệnh này kiểm tra một đoạn mã lệnh có bị lỗi Cú pháp hay không, nếu bị lỗi thì thông báo lỗi phát sinh ra.
Cú pháp: try { //mã lệnh } catch(err) {
//thông báo lỗi }
Khi chạy thử “mã lệnh” nếu mã lệnh bị lỗi Cú pháp thì “thông báo lỗi” sẽ đưa ra.
Ví dụ 4.23: <html> <head> <script type="text/javascript"> var txt=""; function message() { try { adddlert("Welcome guest!"); } catch(err) {
txt="There was an error on this page.\n\n";
txt+="Error description: " + err.description + "\n\n"; txt+="Click OK to continue.\n\n"; alert(txt); } } </script> </head> <body>
<input type="button" value="View message" onclick="message()" /> </body>
14. Câu lệnh ThrowCú pháp: Cú pháp: throw(exception) Ví dụ 4.24: <html> <body> <script type="text/javascript">
var x=prompt("Enter a number between 0 and 10:",""); try { if(x>10) { throw "Err1"; } else if(x<0) { throw "Err2"; } else if(isNaN(x)) { throw "Err3"; } } catch(er) { if(er=="Err1") {
alert("Error! The value is too high"); }
if(er=="Err2") {
alert("Error! The value is too low"); }
if(er=="Err3") {
} } </script> </body> </html> 15. Ký tự đặc biệt Text Mã Hiện ra
\' Dấu nháy đơn ( ’ ) \" Dấu nháy kép ( ” ) \& Dấu và ( & )
\\ Dấu xổ phải ( \ ) \n Xuống dòng mới \r carriage return \t Nhảy tab \b Khoảng trắng \f form feed
III. Đối tượng trong javascrip
Javascript là một ngôn ngữ lập trình hướng đối tượng, cho phép chúng ta định nghĩ ra đối tượng và sử dụng đối tượng đó, bên cạnh đó javascript cũng định nghĩa cho chúng ta một số đối tượng.
1. Đối tượng String
Đối tượng chuỗi được tạo ra để lưu trữ chuỗi các ký tự.
Ví dụ 4.25:
hoten = “Hồ Diên Lợi”;
Các khái báo chuỗi: Đối tượng chuỗi được khai báo như sau: var ten_chuoi = “chuỗi ký tự”;
Ví dụ 4.26:
var hoten = “Hồ Diên Lợi”; Một phương thức của đối tượng chuỗi:
- Độ dài của chuỗi: length - Cộng hai chuỗi ký tự (+)
- Chuyển chuổi ký tự thành chuỗi chữ in hoa: toUpperCase() - Chuyển chuỗi ký tự thành chuỗi chữ thường: toLowerCase( ) - Cắt lấy chuổi con từ vt1 đến vt2: substring(vt1,vt2)
- Cắt lấy một chuỗi: substr(vt, number) - indexOf( )
- match(re);
- replace(re, replacementString); - charCodeAt(3)
2. Đối tượng Date
Tạo một đối tượng date ta sử dụng các Cú pháp sau: var myDate = new Date();
var myDate = new Date(yyyy, mm, dd, hh, mm, ss); var myDate = new Date(yyyy, mm, dd);
var myDate = new Date("monthName dd, yyyy hh:mm:ss"); var myDate = new Date("monthName dd, yyyy");
var myDate = new Date(epochMilliseconds); Một số phương thức đối với đối tượng Date:
getTime( ) setTime(val) 0-... getSeconds( ) setSeconds(val) 0-59 getMinutes( ) setMinutes(val) 0-59 getHours( ) setHours(val) 0-23 getDay( ) setDay(val) 0-6 getDate( ) setDate(val) 1-31 getMonth( ) setMonth(val) 0-11 getFullYear( ) setFullYear(val) 1970-...
3. Đối tượng Array
- Concat(): nooid chuỗi
Ví dụ 4.27: Nối chuỗi <html>
<script type="text/javascript"> var parents = ["Jani", "Tove"]; var children = ["Cecilie", "Lone"]; var family = parents.concat(children); document.write(family); </script> </body> </html> - Sort Ví dụ 4.28: <html> <body> <script type="text/javascript">
var fruits = ["Banana", "Orange", "Apple", "Mango"]; document.write(fruits.sort()); </script> </body> </html> Ví dụ 4.29: - Split - Length - splice
4. Đối tượng Math
- Hàm round() <html> <body> <script type="text/javascript"> document.write(Math.round(0.60) + "<br />"); document.write(Math.round(0.50) + "<br />"); document.write(Math.round(0.49) + "<br />"); document.write(Math.round(-4.40) + "<br />"); document.write(Math.round(-4.60)); </script> </body> </html> - Hàm random() <html> <body> <script type="text/javascript">
//return a random number between 0 and 1 document.write(Math.random() + "<br />"); //return a random integer between 0 and 10 document.write(Math.floor(Math.random()*11)); </script>
</body> </html>
Chương 5: Ngôn ngữ PHPI. Tổng quan về PHP I. Tổng quan về PHP 1. Cú pháp PHP Cách 1 : Cú pháp chính: <?php Mã lệnh PHP ?> Cách 2: Cú pháp ngắn gọn <? Mã lệnh PHP ?>
Cách 3: Cú pháp giống với ASP.
<% Mã lệnh PHP %>
Cách 4: Cú pháp bắt đầu bằng script <script language=php>
... </script>
Mặc dù có 4 cách thể hiện. Nhưng đối với 1 lập trình viên có kinh nghiệm thì việc sử dụng cách 1 vẫn là lựa chon tối ưu.
2. Xuất giá trị ra trình duyệt
Để xuất dữ liệu ra trình duyệt chúng ta sử dụng các hàm hàm sau: - Hàm echo()
Cú pháp:
echo (<thông tin>);
Trong đó:
+ Thông tin có thể là hằng, biến hay biểu thức. + Có thể viết echo <thông tin>;
Ví dụ 5.1: Xuất ra trình duyệt nội dung “Chào các bạn”
<?php
echo "Chào các bạn";
echo ("Chào các bạn");
?>
Cú pháp:
print(<thông tin>);
Trong đó:
+ Thông tin có thể là hằng, biến hay biểu thức. + Có thể viết print <thông tin>;
Ví dụ 5.2: Xuất ra trình duyệt nội dung “Chào các bạn”
<?php
print "Chào các bạn"; print ("Chào các bạn");
?>
3. Lời chú thích
Để giải thích các đoạn mã hay câu lệnh trong PHP thực hiện chức năng, nhiệu vụ ngông ngữ đã có pháp người dùng viết các ghi chú.
Lời ghi chú không thực thi khi chạy đoạn mã.
Trong HTML, các ghi chú được đặt trong <!-- phần ghi chú --> Trong PHP có ba dạng ghi chú:
Dạng 1: # đây là ghi chú.
Dạng này chỉ áp dụng ghi đó chỉ nằm trên một dòng văn bản
Dạng 2: // đây là ghi chú.
Dạng này cũng chỉ áp dụng ghi đó chỉ nằm trên một dòng văn bản
Dạng 3: /* đây là một ghi chú dài
Áp dụng cho nhiều hàng */
Dạng ghi chú này thường áp dụng cho đoạn ghi chú dài gồm nhiều dòng văn bản
4. Biến trong PHP
Biến là một ô nhớ trong bộ nhớ chính giúp biểu diễn thông tin thực tế trong chương trình.
a. Khai báo biến
- Biến trong PHP được bắt đầu bằng ký tự $ và theo sau là tên biến.
- Nguyên tắc đặt tên biến: tên biết bắt đầu bằng một ký tự hoặc là dấu _theo sau có thể là ký tự, số hoặc dấu _
Chú ý:
PHP không yêu cầu khai báo biến trước khi sử dụng, tuy nhiên chúng ta nên khai báo và khởi gán giá trị ban đầu cho biến trước khi sử dụng.
Không khai báo tên biến trùng với tên hàm, tên biến phân biệt chữ HOA và chữ thường.
Ví dụ 5.3: Khai báo biến
<?php
$chuoi = “Hello world”; $_123 = 123.4567;
?>
b. Gán giá trị cho biến.
Khi ta gán giá trị cho biến, nếu biến chưa được khai báo lúc này biến vừa được khai báo vừa được khởi tạo, nếu biến đã được khai báo thì biến này sẽ có giá trị bằng với giá trị được gán.
- Biến có thể khởi gán giá trị trực tiếp: $tên_biến = <giá trị của biến>;
Ví dụ 5.4: Khởi gán giá
<?php
$number = 120;
echo $number;
?>
- Biến có thể khởi gán giá trị của biến khác hoặc của một biểu thức. $tên_biến =$tên_biến_khác hoặc biểu thức;
Ví dụ 5.5: Khởi gán giá trị của một biểu thức.
<?php
$number = 120; $gia =1000;
$thanh_tien =$number * $gia;
echo $thanh_tien;
c. Phạm vi hoạt động của biến
Một biến trong PHP có phạm vi hoạt động như sau:
- Biến cục bộ: Khi một biến được khai báo trong một hàm thì nó được xem là biến cục bộ và nó chỉ có ý nghĩa sử dụng trong hàm đó. Khi gán giá trị cho biến bên ngoài thì biến ngoài hàm này sẽ được xem như một biến hoàn toàn khác với biến trong hàm cho dù cùng tên. Khi