I want to create a globally accessible variable. It must change when we want to change. After change it must give the changed value.
var language ="english";
function getGlobalVar(varName) {
if(varName == "language"){
return language;
}
}
function setGlobalVar(varName, value) {
if(varName == "language"){
language = value;
}
}
When we use getGlobalVar("language") in other pages, It must give the changed value.
A global variable is just a variable attached to window:
window.language = 'english';
function getGlobalVar(bar) {
return window[bar];
}
It's recommended that you create your own namespace to avoid problems later on:
window.MY = {};
MY.language = 'english';
When we use getGlobalVar("language") in other pages, It must give the changed value
The web uses a stateless protocol, i.e. information does not persist from page to page. To get around that, you can use cookies on the client side or server side solutions like sessions.
Try this:
1.htm
<script type="text/javascript">
window.val = "hello world";
alert(window.val);
window.location.href = "2.htm"
</script>
2.htm
<script type="text/javascript">
alert(window.val);
</script>
cookie example:
1.htm
<script type="text/javascript">
var in_one_year = new Date();
in_one_year.setFullYear(in_one_year.getFullYear() + 1);
document.cookie = "language=English" +
";expires=" + in_one_year.toGMTString();
all_cookies = document.cookie
alert(all_cookies);
window.location.href = "2.htm"
</script>
2.htm
<script type="text/javascript">
alert(document.cookie);
</script>
Another solution for most browsers which support local storage.
With ES15, you can now simply have classes with static variables:
class ClassWithGlobalVariable {
static language = 'en';
}
console.log(ClassWithGlobalVariable.language);
ClassWithGlobalVariable.language = 'cn';
console.log(ClassWithGlobalVariable.language);