Using Javascript objects across separate windows in IE

Question

I need to open a new browser window from another browser window and access an object from the parent window in the child window. So when the child window loads I use the opener property to access the object from the parent. Works fine in Firefox however in IE the array properties are converted to objects.

e.g.

function openChild() {
    window.open(window.document.location, '_blank');
}

var data = {
    myArray: []
};

$(document).ready(function() {
    alert('data is array: ' + (data.myArray instanceof Array));
    alert('prototype: ' + (Object.prototype.toString.call(data.myArray)));

    if (window.opener) {
        var parentData = window.opener.data;
        alert('parent data is array: ' + (parentData.myArray instanceof Array));
        alert('parent prototype: ' + (Object.prototype.toString.call(parentData.myArray)));
    }
});

When the child window is opened in IE the result will be

data is array: true
prototype: [object Array]
parent data is array: false
parent prototype: [object Object]

and the result in Firefox is

data is array: true
prototype: [object Array]
parent data is array: false
parent prototype: [object Array]

One work around is too serialize the object to JSON, pass the string and then deserialize. However any methods on the object are lost.

What else can I do other than sit around talking about how IE is the bane of web development?

Chris Herring · Accepted Answer · 2011-11-02 07:05:11Z

2

One workaround is to convert the object to JSON in the parent window and pass the string to the child which then parses the JSON back into an object.

e.g. In parent window:

function getData() {
    return JSON.stringify(data);
}

and in child window:

var parentData = JSON.parse(window.opener.getData());

However this will lose any methods on any objects.

edited Nov 2, 2011 at 7:05

answered Nov 2, 2011 at 4:04

Chris Herring

3,6553 gold badges37 silver badges51 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

theycallmemorty · Accepted Answer · 2017-01-30 15:16:40Z

0

I encountered a similar issue today and found the following solution using underscore.js worked well:

var parentData = _.toArray(window.opener.data);

answered Jan 30, 2017 at 15:16

theycallmemorty

13k14 gold badges53 silver badges72 bronze badges

Collectives™ on Stack Overflow

Using Javascript objects across separate windows in IE

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related