• Click to edit Master text styles
– Second level
• Third level
– Fourth level
» Fifth level
JavaScript là gì ?
Javascript
ngôn
ngữ lậptext
trình styles
được nhúng vào trong các
• Click là
tomột
edit
Master
trình duyệt web như Internet Explorer, Firefox…
– Second level
Third
level
Khác với• các
ngôn
ngữ biên dịch đã học trước đó như : C, C++…
Fourthsang
level mã máy trước khi thực thi) thì JavaScript
(sẽ dịch mã –nguồn
» Fifth
level
là ngôn ngữ thông
dịch
(mã lệnh được thông dịch trực tiếp ngay
khi thực thi)
Vì là ngôn ngữ kịch bản trên client, các mã lệnh được nhúng vào
HTML hay file riêng. User hoàn toàn có thể xem source code.
Tại sao phải là JavaScript ?
Như
các bạn
môi trường
thuần túy chỉ có CSS và
• Click
tocũng
editbiết,
Master
textweb
styles
HTML thì sự tương tác cực kỳ nghèo nàn. Cách thức người dùng
Second
level chẳng khác gì cách đây hàng chục năm.
tương– tác
với website
• Third level
– Fourth level
» Fifth
levelwebsite thì các Developer đã cho ra đời
Do đó, để làm sống
động
Javascript để tăng cường hiệu quả tương tác.
Hoàn toàn miễn phí và dễ học, dễ sử dụng và tránh bớt việc
xử lý từ phía server.
Sử dụng JavaScript như thế nào ?
Để
dụngto
được
JavaSript,
thì text
đầu tiên
chúng ta phải biết làm
• sử
Click
edit
Master
styles
sao để nhúng nó vào file HTML. Ta có 2 cách :
– Second level
• Third level
– Fourth level
» Fifth level
Cách 1: Nhúng trực tiếp mã
JavaScript vào trong tập tin
HTML.
Cách 2: Sử dụng tập tin
JavaScript (*.js) bên ngoài.
Đặt trong <head>…</head> hay <body>…</body>
Nhúng trực tiếp mã JavaScript vào trong tập tin HTML
<script language="javascript">
Mã chương trình Javascript
• Click to edit Master
text styles
..........................
</script>
– Second level
Ví dụ 1 : •hiển
thịlevel
ra một đoạn text có nội dung : "Hello! Welcome to
Third
JavaScript". – Fourth level
» Fifth level
Sử dụng tập tin JavaScript (*.js) bên ngoài
<script language="javascript" src="tenfile.js">
</script>
• Click
to edit
Master
text styles
Thuộc
tính src
của thẻ <script>
cho phép bạn chỉ rõ
– Second
đường dẫn
(link) file nguồn JavaScript được sử dụng.
level
Ví dụ 2 :•hiển
thịlevel
ra một đoạn text có nội dung : "Hello! Welcome to
Third
JavaScript! (222)"
tập tin Demo.js nằm bên ngoài
– Fourthvới
level
» Fifth level
Một số quy tắc trong JavaScript cần nhớ
Lệnh JavaScript phân biệt chữ in hoa và chữ thường.
• Click to edit Master text styles
Một câu
– lệnh JavaScript đều kết thúc bằng dấu chấm phẩy ";"
Second level
• Third level
Javascript sử–dụng dấu chấm "." để tham chiếu đến một phương
Fourth level
thức hay thuộc tính
của đối tượng. (document.write(“…”);)
»
Fifth level
JavaScript không quy định kiểu biến khi khai báo , kiểu của biến sẽ
được tự động xác định khi gán dữ liệu cho biến.
var x ; //chưa xác định kiểu biến x
x = 15; // biến x là kiểu số (number)
Các kiểu dữ liệu trong JavaScript
Kiểu
số (number): số nguyên, số thực
• Click to edit Master text styles
– SecondKiểu
levelchuỗi (string)
• Third level
– Fourth
Kiểu level
luận lý (boolean): true/false
» Fifth level
Kiểu
đối tượng (object)
Kiểu
hàm (function)
Xác định kiểu của biến
Để biết kiểu của một biến, ta dùng toán tử typeof.
•Ví Click
to edit
Master
text
styles
dụ 3 : kiểm
tra xem
biến x có
phải
là con số hay không ?
– Second level
• Third level
– Fourth level
» Fifth level
Ưu điểm của JavaScript
Hoàn toàn miễn phí và dễ học.
• Click to edit Master text styles
JavaScript
được thiết
– Second
levelkế độc lập với hệ điều hành. Nó có thể chạy
trên bất kỳ
hệ điều
hành nào có trình duyệt hỗ trợ JavaScript.
• Third
level
– Fourth level
» Fifth level
Dễ dàng tương tác, điều khiển và tránh bớt việc xử lý từ phía server.
Nắm vững kiến thức JavaScript sẽ dễ dàng tiếp thu những công
nghệ mới mà nó được gói gọn vào những ngôn ngữ như : Ajax…
Những mặt hạn chế của JavaScript
JavaScript
dịchMaster
và chạy bởi
trìnhstyles
duyệt hỗ trợ nó. Chính vì thế,
• Click được
to edit
text
nếu trình duyệt không hỗ trợ, hoặc không bật JavaSript, nó sẽ không
Second level
chạy –
được.
• Third level
–
Fourth level
JavaSript có thể
làm ứng dụng web của bạn trở nên nặng nề hơn.
» Fifth level
Bảo mật kém. Không có khả năng giấu mã.