javascript - Programmatically open new pages on Tabs - Stack Overflow

admin管理员组

文章数量:1134232

I'm trying to "force" Safari or IE7 to open a new page using a new tab.

Programmatically I mean something like:

window.open('page.html','newtaborsomething');

I'm trying to "force" Safari or IE7 to open a new page using a new tab.

Programmatically I mean something like:

window.open('page.html','newtaborsomething');

• javascript
• internet-explorer-7
• safari
• tabs

Share Improve this question Follow edited Sep 26, 2011 at 17:02 Lightness Races in Orbit 385k7777 gold badges664664 silver badges1.1k1.1k bronze badges asked Jan 9, 2009 at 9:15 Ricardo VegaRicardo Vega 1,97522 gold badges1414 silver badges1212 bronze badges 2

• 1 I am not sure I get the point - are you developing an app, which works with IE and you want to open each new page on new tab? Or you just want to set up the IE to open new tab when clicked on a link? Or are you creating any site with more links and you want them to open separately? Pls make it clearlier. – Dungeo Commented Jan 9, 2009 at 9:31
• Thanks of all your comments and answers, I know this is not a big deal and shouldn't be an issue in my development, but this is a client request, not an important one I just wanted to know. The problem is that IE7 and Safari won't open a popup with a tab using javascript or target attribute, true? – Ricardo Vega Commented Jan 9, 2009 at 9:42

Add a comment  | 

11 Answers 11

Sorted by: Reset to default 128

You can, in Firefox it works, add the attribute target="_newtab" to the anchor to force the opening of a new tab.

<a href="some url" target="_newtab">content of the anchor</a>

In javascript you can use

window.open('page.html','_newtab');

Said that, I partially agree with Sam. You shouldn't force user to open new pages or new tab without showing them a hint on what is going to happen before they click on the link.

Let me know if it works on other browser too (I don't have a chance to try it on other browser than Firefox at the moment).

Edit: added reference for ie7 Maybe this link can be useful
http://social.msdn.microsoft.com/forums/en-US/ieextensiondevelopment/thread/951b04e4-db0d-4789-ac51-82599dc60405/

You can't directly control this, because it's an option controlled by Internet Explorer users.

Opening pages using Window.open with a different window name will open in a new browser window like a popup, OR open in a new tab, if the user configured the browser to do so.

Those of you trying to use the following:

window.open('page.html', '_newtab');

should really look at the window.open method.

All you are doing is telling the browser to open a new window NAMED "_newtab" and load page.html into it. Every new page you load will load into that window. However, if a user has their browser set to open new pages in new tabs instead of new windows, it will open a tab. Regardless, it's using the same name for the window or tab.

If you want different pages to open in different windows or tabs you will have to change the NAME of the new window/tab to something different such as:

window.open('page2.html', '_newtab2');

Of course the name for the new window/tab could be any name like page1, page2, page3, etc. instead of _newtab2.

It's up to the user whether they want to use new tabs or new windows, it isn't the business of the developer to modify this behaviour. I do not think you can do it.

Pet peeve of mine - I hate it when sites force me to open in a new window / tab - I am quite capable of making that decision for myself. Particularly when they do it in javascript - that is really unhelpful.

Have you already tried like

var open_link = window.open('','_blank');
open_link.location="somepage.html";

This works 100%

window.open('http://www.google.com/','_newtab' + Date.now());

I found out in Chrome,

window.open('page.html','_newtab')

will only work once.

You can use:

window.open(ct.getNewHref(),'_newtab' + Math.floor(Math.random()*999999));

To open multiple new tabs.

The code I use with jQuery:

$("a.btn_external").click(function() {
    url_to_open = $(this).attr("href");
    window.open(url_to_open, '_blank');
    return false;
});

This is useful to distinguish between the click events of a parent in a child. By using this method, you do not trigger the parent's click event.

If you wanted to you could use this method, which is a bit hacky, but would offer the desired functionality:

jQuery('<a/>', {
    id: 'foo',
    href: 'http://google.com',
    title: 'Become a Googler',
    rel: 'external',
    text: 'Go to Google!',
    target:'_blank',
    style:'display:none;'
}).appendTo('#mySelector');

$('#foo').click()

This may work if you can call a batch file (I use php with XP sp2 and IE8... you can try IE7, dunno). Use the following (or similar) in your .bat file to open Windows: Start ""C:\Progra~1\Intern~1\iexplore "http://www.site.com". There is no space between the quotation mark and C:\Progr... etc. At some point, this may begin to open new windows (i.e., target="_blank") rather than new tabs, but works up to a point; not extensively tested. To use this in a regular batch file (CMD.exe), you probably need to have a window already open. Just sharing something I stumbled across. EDITED for clarification.

<a href="http://www.google.com/" target="_self">New Tab Example</a>

Works in IE7.

Regards,

Glenn

本文标签： javascriptProgrammatically open new pages on TabsStack Overflow