Để tạo một biến toàn cục, bạn cần đặt biến bên trong thẻ . Tiếp theo là mã -
Ví dụ
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initialscale=1.0"> <title>Document</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> </head> <body> <button onclick="createGlobalVariable()">checkGlobalVariable</button> <script> var globalVariable; $(document).ready(function() { function initializeGlobalVariable() { globalVariable = [{ "name":"John", "age":23 }]; } initializeGlobalVariable(); }); function createGlobalVariable() { if (globalVariable.length) { console.log('The Global variable name is='+globalVariable[0].name+" The Global variable age is="+globalVariable[0].age); } } </script> </body> </html>
Để chạy chương trình trên, hãy lưu tên tệp “anyName.html (index.html)” và nhấp chuột phải vào tệp. Chọn tùy chọn “Mở bằng Máy chủ Trực tiếp” trong trình chỉnh sửa Mã VS.
Đầu ra
Điều này sẽ tạo ra kết quả sau -
Khi bạn nhấp vào nút checkGlobalvariable, kết quả sau sẽ được hiển thị -