Javascript global variable is available in all pages on global to the same page

Question

0.00/5 (No votes)

See more:

Frriends,
I have the query-
Javascript global variable is available in all pages of the application or global to the same page? Can i access and update from different page?

If i can access in other page- then how can i declare a variable just for a particular page?

If not accessible-then how can i declare a variable available in all pages?

Posted 4-Aug-15 2:00am

Member 4228925

Add a Solution

3 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

ZurdoDev · Answer 1 · 2015-08-04T02:30:00

Solution 2

Yes, you can have global variables. If you define a variable outside the scope of a function then it is global to all JS files loaded at that time. I think there are likely very few instances where you want to do this so make sure you rethink the design you are doing.

Posted 4-Aug-15 2:30am

ZurdoDev

F-ES Sitecore · Answer 2 · 2015-08-04T02:22:00

Solution 1

You can't create a global variable in js. You'd have to use cookies or local storage to persist data.

Posted 4-Aug-15 2:22am

F-ES Sitecore

Comments

ZurdoDev 4-Aug-15 8:31am

A global variable in JS is accessible to any JS file that is currently loaded. Sometimes referred to as global variables so it is doable but not in the same sense as other languages necessarily.

F-ES Sitecore 4-Aug-15 8:44am

I'm pretty sure he means "global" in the sense of a persisted variable across all page requests, not "global" as in global to all scripts on that page.

ZurdoDev 4-Aug-15 8:51am

In that case you are totally correct.

Sergey Alexandrovich Kryukov 4-Aug-15 10:48am

Of course you are right. The problem of global variable for all scripts does not even exist, because there are no separate multiple scripts. Logically, all scripts of the same page behave as merged in one.
Please see my other comment and my answer.
—SA

Sergey Alexandrovich Kryukov 4-Aug-15 10:47am

Not in general case. Even if you have a global variable in one single page, its most recent value will be lost if you just refresh your page.

Most universal approach is using Web storage (localStorage or sessionStorage objects), because you don't need to have or assume you have server part, server, etc. Please see my answer.

—SA

Sergey Alexandrovich Kryukov · Answer 3 · 2015-08-04T04:43:00

Pages, in general case, are independent from each other, from the standpoint of the client side. To share data between them, you can use Web storage: http://en.wikipedia.org/wiki/Web_storage[^].

This is the newer API (current W3C candidate recommendation of June 2015: http://www.w3.org/TR/webstorage[^]) implemented by all major browsers and often overlooked. At the same time, this is the most universal approach available.

See also:
https://developer.mozilla.org/en-US/docs/Web/API/Storage[^],
https://developer.mozilla.org/en-US/docs/Web/API/Window/sessionStorage[^],
https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage[^].

To use the same single key for whole complex data structure, you would also need serialization you can achieve using JavaScript native JSON object: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON[^].

To demonstrate the technique, I dedicated a section of my article JavaScript Calculator, 7. Dynamic Strict Mode Switching and Web Storage.

—SA