How to store a variable value obtained in home page across all pages?

Question

I am using jquery to fetch inner html value of a div in home page, and I want this value to be accessible in all pages. The problem i'm facing is that the div from which i'm getting the value is present only in home page, so when the script runs in other page, the value will be undefined as the div is not present.

The issue is, they are displaying a message in bottom of home page and we want it to be displayed in top part of all pages. so I used jquery to extract the text content and display it in top part, but when we go to other pages, the script fails as the bottom of that page wont have the message.

Answer 1

store it in a local storage:

localStorage.setItem('myItem', myValue);

and then you could Access this item on all pages

var item = localStorage.getItem('myItem');

https://developer.mozilla.org/de/docs/Web/API/Window/localStorage

Answer 2

You can use web storage objects like: sessionStorage or localStorage , but be careful with the data you store, which determines which method to use.

• Data in sessionStorage is cleared when the page session ends.
• Data stored in localStorage has no expiration time.

Answer 3

You can use Window localStorage Property as solution to your problem. Another option is sessionStorage . It depends what you trying to achieve. Look at the definition for both of them and use appropriate.