This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

run code "window.open(url,...)" in javascript, the action is different according to the time this line of code is executed.

more options

Hi FireFox support, We are developing a web application with javascript, we use firefox as our default browser for our users.

Now we met a problem when we use window.open in our application.

In our application, we need to open new page in a new browser tab, we used code : window.open('http://ourUrl.com', '_blank');

The action of the browser is different according when this line of code is executed.

situation1: user clicked a button, the click event will trigger our js function, in this function, execute this line of code directly, then the browser may open the page in a new browser tab. (this is what we wanted.)

situation2: user clicked a button, we firstly submit the data on page to our server, and in the callback function, we execute this line of code, it may pop an independent new window without tool bar.(this is not what we wanted).

I don't understand why the action of browser is different, can you help to explain? Thanks.

Hi FireFox support, We are developing a web application with javascript, we use firefox as our default browser for our users. Now we met a problem when we use window.open in our application. In our application, we need to open new page in a new browser tab, we used code : window.open('http://ourUrl.com', '_blank'); The action of the browser is different according when this line of code is executed. situation1: user clicked a button, the click event will trigger our js function, in this function, execute this line of code directly, then the browser may open the page in a new browser tab. (this is what we wanted.) situation2: user clicked a button, we firstly submit the data on page to our server, and in the callback function, we execute this line of code, it may pop an independent new window without tool bar.(this is not what we wanted). I don't understand why the action of browser is different, can you help to explain? Thanks.

Isisombulu esikhethiweyo

When the thread started, were you really running Firefox 11? Perhaps it changed between Firefox 11 (March 2012) and Firefox 19 (March 2013). You could install an old version if you were really curious. To avoid disturbing your main installation, you can use the unofficial "Portable" edition for testing. http://sourceforge.net/projects/portableapps/files/Mozilla%20Firefox%2C%20Portable%20Ed./

Funda le mpendulo kwimeko leyo 👍 0

All Replies (18)

more options

Assuming you are not navigating away from the page, I would expect the same exact results from window.open() in both situations.

https://developer.mozilla.org/en-US/docs/DOM/window.open

Is it possible to post a test case demonstrating the problem?

more options

Also, I don't know why you are posting with Firefox 11, but make sure you test with Firefox 19.0.2 in case this is a solved bug.

more options

Hi jscher20000, the case used in our project is complex, so I made a test, there is no way to attach the attachment here, so I have to pasted the code in the end

I used requirejs to require a js file, and in the callback function I called function window.open(url,'_blank')

I tested them in different browsers, In firefox, click the button 'indirectly' it will open this window in a new tab.

in Chrome, click button "indirectly", it will open a new window instead of a new tab. but if click button "directly" it will open a new tab.

I just don't understand when browser will open a new window, and when opens new tab.


the handler of the "indirectly" and "directly" buttons is written as follows:

clickIndirectly=function(){
   require(['./js/testwindowopen/in.js'],function(){
   window.open('http://google.com','_blank');
  })
}

clickDirectly = function(){
   window.open('http://google.com','_blank');
}

Ilungisiwe ngu cor-el

more options

What does require() do with the callback function that is different from straight JavaScript?

more options

require is a javascript framework, in the function:

clickIndirectly=function(){

  require(['./js/testwindowopen/in.js'],function(){
        window.open('http://google.com','_blank');
 })

}

when the function is called, browser will get a javascript file from server via url "./js/testwindowopen/in.js" after the js is loaded ,the call back function :

     function(){
            window.open('http://google.com','_blank');
     }

will be called.

more options

I see that part, but requireJS appears to be executing the function in a different way. Does your JS library replace the standard window.open function? Is there a change in context such as window referring to an iframe?

more options

Hi jscher20000,

I checked the source code of requireJS and our own code, there is no replacement of the standard window.open function, and there is no change of context by our code such as using iframe. the only difference is the place where window.open is called.

Is there any security consideration of the browser when open a link by JS? Or the context is different between the two situations?

more options

What if you change it to something like this:

clickIndirectly=function(){
  require(['./js/testwindowopen/in.js'],function(){
    clickDirectly;
  })
}
more options

it still opens the link in new window.

more options

it still opens the link in new window.

Yes, that is expected because the target of window.open() is _blank. It still has different toolbars?

more options

Hi jscher20000,

What I mean is that it opens the new page in new window, the window has no tool bar. What I expect is open the window in a new browser tab.

more options

Sorry, but I think you need someone who understands the requirejs library to explain why window.open() works differently when called from the callback.

more options

Thanks jscher20000,

this problem has no relationship with require js, I used require js just as a example,

before we involve requirejs in our project, we submit data to server by AJAX, and in the callback function, we use window.open, the browser will open new window too.

more options

Okay, that is simpler to understand. Your script submits data to a server and does something with the response and then uses window.open(). What result do you get in my test page?

http://www.jeffersonscher.com/res/xhr_win_open.php

more options

Hi jscher20000,

Open your test page in firefox, both links opens the new page in new browser tabs, it seems firefox has fixed this problem, I tested in our own application, it also acts as we expected.

But in chrome, it still opens new window, it seems to be a bug of chrome, I will report this bug to them.

Thank you for your reply and your time for supporting this issue.

more options

Really, after all that, it's a Chrome problem?!

It appears you're out of luck in Chrome unless something has changed recently:

http://stackoverflow.com/questions/11999837/force-window-open-to-create-new-tab-in-chrome

http://stackoverflow.com/questions/9864747/new-window-doesnt-open-as-tab-in-chrome

more options

Thanks jscher20000,

Is this problem fixed in firefox recently? I remember that I met it recently, but I can not reproduce it now.

more options

Isisombululo esiKhethiweyo

When the thread started, were you really running Firefox 11? Perhaps it changed between Firefox 11 (March 2012) and Firefox 19 (March 2013). You could install an old version if you were really curious. To avoid disturbing your main installation, you can use the unofficial "Portable" edition for testing. http://sourceforge.net/projects/portableapps/files/Mozilla%20Firefox%2C%20Portable%20Ed./