insert script to new window with jquery html()

Question

I usually insert html+scripts returned from ajax request to the document using jQuery html() method, which also executes the scripts.

Means that if I write:

$(document.body).html("<script>alert()</"+"script>");

it will execute the script. (the + is only for the browesr, since writing </script> in a string does not work.)

The problem - if I do the same for a new opened window, it does not work. i.e. the scripts are not executed. why?

is the new window opened using the same URL as the main window? eg.: both are ponted to yoursite.com... — nanndoj
– nanndoj, Commented Feb 15, 2015 at 20:13
The new window is obviously in the same domain, otherwise I couldn't insert new html inside it (which does work, btw. only scripts does not get executed). Actually it could be an "about:blank" page. I use window.open() function. — user3599803
– user3599803, Commented Feb 15, 2015 at 21:08

nanndoj · Accepted Answer · 2015-02-16 14:36:36Z

3

You can execute any script on the opened window if the target page and the main page are hosted in the same URL and protocol. (I assume it was opened using Window.open() function)

Save the reference to the opened window...

var popup = window.open("/page2.html");

and use it to access its document:

$(popup.document.body).append("<script>alert()</script>");

If you are importing jQuery in the opened window as well you can also call

popup.$(popup.document.body).append("<script>alert()</script>");

edited Feb 16, 2015 at 14:36

answered Feb 15, 2015 at 20:20

nanndoj

6,7907 gold badges33 silver badges43 bronze badges

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

2 Comments

user3599803 Over a year ago

and I do something very similar and it does not working. I think I get the problem. It seems that jQuery runs the script but in the context of the wrong window, i.e, it the context of the parent window instead of the new window - where the script is actually inserted.

nanndoj Over a year ago

If you import jquery in the opened page as well you may call: popup.$() instead. It will call jQuery instance in the opened window

user2399035 · Accepted Answer · 2015-02-15 20:17:43Z

0

I use to do in a different way. Ajax returns a page with $(document).readyand all the related code inside. Then I load the piece of code returned from AJAX inside the ajax function with .html(data) and jquery code always works. If I am not wrong your issue is related to DOM is not ready in the new window.

answered Feb 15, 2015 at 20:17

user2399035

1 Comment

user3599803 Over a year ago

The issue is this, the content I get from the ajax response is already in use in the current window (and working). I'm trying to add an option in my site to view the same content in a new window.

Collectives™ on Stack Overflow

insert script to new window with jquery html()

2 Answers 2

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related