javascript - How to open a new window when clicking a hyperlink? - Stack Overflow

admin管理员组

文章数量:1340586

I would like to open a new window with height of 600px and width of 200px, after clicking on a hyperlink.

How can I do that in HTML/Javascript?

Do I use something like window.open? Is it patible in IE also? Or should I use something in Jquery?

Thanks in advance.

I would like to open a new window with height of 600px and width of 200px, after clicking on a hyperlink.

How can I do that in HTML/Javascript?

Do I use something like window.open? Is it patible in IE also? Or should I use something in Jquery?

Thanks in advance.

• javascript
• jquery
• html

Share Improve this question Follow asked Oct 17, 2009 at 0:11 christopherchristopher 2311 gold badge11 silver badge33 bronze badges 2

• thanks for the answers, but how do you create a link this way? I know how to do it normally "<a href= " # " > ", but how can I do it with window.open? – chris Commented Oct 17, 2009 at 0:28
• Chris, See my answer on how to construct your HTML and then attach the JavaScript to open the window: stackoverflow./questions/1580987/… – Jason Berry Commented Oct 17, 2009 at 0:40

Add a ment  | 

6 Answers 6

Sorted by: Reset to default 7

It's far better to attach this to the hyperlink unobtrusively, similar to:

HTML

<a href="mypopup.htm" id="popup">This will open in a new window</a>

JavaScript

window.onload = function() {
    document.getElementById("popup").onclick = function(){
        return !window.open(this.href, "pop", "width=200,height=600");
    }
}

The benefit of this approach is that you only have to specify the hyperlink in your HTML, and if JavaScript is disabled or produces an error for some reason then it will fallback to just using a standard hyperlink.

Creating a New Window with JavaScript (includes window size)
http://www.fontstuff./frontpage/fptut06.htm

JavaScript is the best way of doing this

var win = window.open(cant remeber this bit); win.resizeTo(w, h); win.focus();

window.open (URL, windowName[, windowFeatures])

More infos here

winRef = window.open( URL, name [ , features [, replace ] ] )

source: http://www.javascripter/faq/openinga.htm

var user_window=window.open('http://www.someplace.','someplace_window_name','toolbar=no,directories=no,location=no,status=yes,menubar=no,resizable=yes,scrollbars=yes,width=1024,height=768');
user_window.focus();

A user click should initiate this, or it will be blocked by most popup blockers. This works in all browsers I've had to support including IE6+, FF, Opera, Safari.

The focus bit ensures that the new window is brought to the front.

As an alternative to a popup window, I'd suggest the Dialog plugin for Jquery.
That's what I replaced 90% of my popup windows with.
Your popup bees a popover (bound within the original window), and this as far as I can tell is never blocked by a popup blocker. The Dialog plugin allows dragable popovers, appearance and disappear effects, and lots of other cool stuff.

本文标签： javascriptHow to open a new window when clicking a hyperlinkStack Overflow