Hướng dẫn lập trình website html cơ bản toàn tập
Hướng dẫn lập trình website css cơ bản toàn tập
2: Biến và kiểu dữ liệu trong Javascript
3: Hàm thông dụng và toán tử trong Javascript
4: Câu lệnh điều kiện và vòng lặp trong Javascript
5: Tìm hiểu về hàm trong Javascript
6: Mảng và Object trong Javascript
7: DOM và DOM css trong Javascript
8: Biến toàn cục, biến cục bộ, sự kiện trong javascript
9: Thuộc tính, phương thức thường gặp trong DOM (Javascript)
Minh họa về biến toàn cục, biến cục bộ, sự kiện trong javascript
Biến toàn cục (gobal) là biến được khai báo ở bên ngoài một chức năng (khai báo ở đầu) dùng được ở mọi nơi trong javascript.
VD minh họa về biến toàn cục (global)
// Biến toàn cục sử dụng ở tất cả nơi khi khai báo
var ms = "Hello world";
// Có thể sử dụng biến toàn cục trong hàm message
function message() {
alert(ms);
}
// Hoặc có thể sử dụng ở ngoài hàm
alert(ms);
Còn biến cục bộ (local) được khai báo trong một khối lệnh, chỉ có tác dụng bên trong khối lệnh được khai báo.
VD sử dụng dom css
function message(){
var ms = "Hello world";
// biến ms là biến cục bộ chỉ sử dụng được trong hàm message
alert(ms);
}
Các hành động (click, hover,...) xảy ra trên trang web được gọi là sự kiện (event), một sự kiện có thể do người dùng tạo ra hoặc ý đồ hệ thống do lập trình viên phát triển.
Các sự kiện thường dùng trong JavaScript:
+ onClick : Sự kiện khi click chuột vào một thẻ html nào đó do lập trình viên phát triển
+ onLoad : Được phát sinh khi đã tải xong tài liệu nào đó.
+ onUnload : Xảy ra khi người dùng điều hướng khỏi trang như nhấp vào liên kết, gửi biểu mẫu, đóng cửa sổ trình duyệt..
+ onChange : Xảy ra khi giá trị của thành phần được chọn thay đổi.
+ onFocus : Được kích hoạt khi người sử dụng đặt focus vào phần tử của form hoặc một cửa sổ
+ onBlur : Khi người dùng rời khỏi một phần tử trên form, sự kiện onBlur được kích hoạt.
+ onSubmit : Sự kiện xảy ra trước khi form được gửi đi.
+ onSelect : Xãy ra khi chọn một trường nhập dữ liệu trên form (checked)
+ onReset : Xãy ra khi form reset.
VD minh họa về sự kiên onClick
<div id="hello">Click to show message</div>
$("#hello").click(function(){
alert('Hello world');
});
//khi click thẻ a sẽ hiển thị thông báo "Hello world"
VD minh họa về sự kiên onLoad
<body onload="helleMessage()"></body>
function helleMessage(){
alert('Hello world');
});
//khi load lại trang sẽ hiển thị thông báo "Hello world"
VD minh họa về sự kiên onChange
<select id="mySelect" onchange="showChange()">
<option value="Audi">Audi</option>
<option value="BMW">BMW</option>
<option value="Mercedes">Mercedes</option>
<option value="Volvo">Volvo</option>
</select>
function showChange() {
var x = document.getElementById("mySelect").value;
document.getElementById("demo").innerHTML = "Bạn chọn xe: " + x;
}
//Khi chọn giá trị xe nào sẽ hiển thị xe đó
Hãy ấn đăng ký kênh, like và share video nếu nó giúp ích cho bạn thay vì lời cám ơn!
Biến toàn cục, biến cục bộ, sự kiện trong javascript
0937.587.087
Bạn đang cần tư vấn dịch vụ, than phiền dịch vụ hoặc đóng góp ý kiến?
Quốc Bửu Group luôn luôn lắng nghe, tiếp nhận và xử lý một cách triệt để, xin vui lòng gọi số hotline hoặc gửi thông tin yêu cầu bên dưới, chúng tôi sẽ liên hệ với bạn trong thời gian sớm nhất có thể.
Copyright © 2010 - 2026 Quoc Buu Group.
All rights reserved.
Khóa học SEO Google uy tín từ A - Z một kèm một, tặng website chuẩn
Dạy seo web cho người mới bắt đầu từ A - Z một kèm một uy tín
Đào tạo seo website lên top google miễn phí tên miền & hosting năm đầu
Thầy dạy kèm SEO web tại quận 12 Tphcm uy tín