Accessing a global variable of iframe from parent window

Question

I am trying to access a global variable (Storage object) defined in iframe window from a parent window. Here is what i have tried but i am getting an Uncaught TypError:

Cannot read property 'Storage' of undefined.

js for iframe with id:iframe

Storage.prototype.removeObject = function (key)
{
    this.removeItem(key);
    console.log('item removed');
}

js for parent window

const iFrame = $('#iframe');
iFrame.contentWindow.Storage.removeItem("mapsTracking");

Any help would be appreciated.

Answer 1

I ran into this issue today. The "window.parent.variableName" did the trick for me.

Answer 2

You can try directly adding the method on Storage

Storage.removeObject = function (key)
{
    this.removeItem(key);
    console.log('item removed');
}