Minh họa về biến toàn cục, biến cục bộ, sự kiện trong javascript
Tóm Tắt
Biến toàn cục 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ổng thể 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 hoàn toàn có thể sử dụng ở ngoài hàm
alert(ms);
var contNumber = 100 ;
fucntion showFunction ( ) {
alert ( ” Biến bên trong hàm : ” + contNumber ) ;
/ / hiệu quả ” Biến bên trong hàm : 100 ”
}
showFunction ( ) ;
alert ( ” Biến bên ngoài hàm : ” + contNumber ) ;
/ / hiệu quả ” Biến bên ngoài hàm : 100 ”
Biến cục bộ trong javascript
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);
}
fucntion showFunc ( ) {
var c = 20 ;
alert ( ” Giá trị biến c trong hàm : ” + c ) ;
/ / tác dụng ” Giá trị biến c trong hàm : 20 ”
}
showFunc ( ) ;
alert(c);
//kết quả “undefined” vì c là biến cục bộ chỉ sử dụng trong hàm showFunc()
Sự kiện trong javascript
Các hành vi ( click, hover, … ) xảy ra trên trang web được gọi là sự kiện ( sự kiện ), một sự kiện hoàn toàn có thể do người dùng tạo ra hoặc ý đồ mạng lưới hệ thống do lập trình viên tăng trưởng .
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
$(“#hello”).click(function(){
alert(‘Hello world’);
});
/ / khi click thẻ a sẽ hiển thị thông tin ” Hello world ”
VD minh họa về sự kiên onLoad
function helleMessage(){
alert(‘Hello world’);
});
/ / khi load lại trang sẽ hiển thị thông tin ” Hello world ”
VD minh họa về sự kiên onChange
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 đó
Video hướng dẫn biến toàn cục, biến cục bộ, sự kiện trong javascript
Hãy ấn ĐK kênh, like và share video nếu nó giúp ích cho bạn thay vì lời cám ơn !
————————
• Từ khóa :
Biến toàn cục, biến cục bộ, sự kiện trong javascript,bien toan cuc bien cuc bo su kien trong javascript,bien toan cuc,bien cuc bo,javascript,javascript la gi,javascript,tim hieu co ban javascript,javascript,quoc buu group,quocbuugroup.com,khoa hoc lap trinh php laravel co ban,khoa hoc lap trinh nang cao voi php laravel framework, video dạy javascript miễn phí, video học javascript toàn tập, video hướng dẫn javascript miễn phí
Source: https://final-blade.com
Category: Kiến thức Internet
