How can I open a link in a new window

Question

I have a click handler for a specific link  inside that I want to do something similar to the following   window location   url   I need this to actually open the url in a new window though  how do I do this

User · Answer

I just found an interesting solution to this issue. I was creating spans which contain information based on the return from a web service. I thought about trying to put a link around the span so that if I clicked on it, the "a" would capture the click.

But I was trying to capture the click with the span... so I thought why not do this when I created the span.

var span = $('<span id="something" data-href="'+url+'" />');

I then bound a click handler to the span which created a link based on the 'data-href' attribute:

span.click(function(e) {
    e.stopPropagation();
    var href = $(this).attr('data-href');
    var link = $('<a href="http://' + href + '" />');
    link.attr('target', '_blank');
    window.open(link.attr('href'));
});

This successfully allowed me to click on a span and open a new window with a proper url.

User · Answer

What s wrong with  lt a href  myurl html  target   blank  gt My Link lt  a gt   No Javascript needed

User · Answer

Be aware if you want to execute AJAX requests inside the event handler function for the click event  For some reason Chrome  and maybe other browsers  will not open a new tab window

User · Answer

You can also use the jquery prop   method for this      function         yourselector   prop  target     blank

User · Answer

Here s how to force the target inside a click handler      a link id   click function           this  attr  target     blank

User · Answer

you will need to use  window open url    references  http   www htmlcodetutorial com linking linking famsupp 120 html http   www w3schools com jsref met win open asp

User · Answer

Microsoft IE does not support a name as second argument   window open  url    window name    window settings      Problem is window name  This will work   window open  url        window settings     Microsoft only allows the following arguments  If using that argument at all     blank  media  parent  search  self  top   Check this Microsoft site

User · Answer

this solution also considered the case that url is empty and disabled gray  the empty link    x000D   x000D    function     x000D    changeAnchor    x000D      x000D   x000D  function changeAnchor     x000D       a name   aWebsiteUrl     each function        you can write your selector here x000D        this  css  background    none    x000D        this  css  font-weight    normal    x000D   x000D      var url     this  attr  href   trim    x000D      if  url           url            disable empty link x000D          this  attr  class    disabled    x000D          this  attr  href    javascript void 0     x000D        else   x000D          this  attr  target     blank      HERE set the non-empty links  open in new window x000D        x000D        x000D    x000D  a disabled   x000D    text-decoration  none  x000D    pointer-events  none  x000D    cursor  default  x000D    color  grey  x000D    x000D   lt script src  https   ajax googleapis com ajax libs jquery 1 7 2 jquery min js  gt  lt  script gt  x000D   lt a name  aWebsiteUrl  href  http   www baidu com  class     gt  website  lt  a gt  x000D   lt a name  aWebsiteUrl  href     class     gt  website  lt  a gt  x000D   lt a name  aWebsiteUrl  href  http   www alibaba com  class     gt  website  lt  a gt  x000D   lt a name  aWebsiteUrl  href  http   www qq com  class     gt  website  lt  a gt  x000D   x000D   x000D

User · Answer

You can like   window open  url    window name    window settings     jQuery      a link id   click function      window open  url    window name    window settings      return false        You could also set the target to  blank actually

User · Answer

This is not a very nice fix but it works   CSS    new-tab-opener       display  none      HTML    lt a data-href  http   www google com   href  javascript   gt Click here lt  a gt   lt form class  new-tab-opener  method  get  target   blank  gt  lt  form gt    Javascript      a   on  click   function  e            var f       new-tab-opener        f attr  action     this  attr  data-href         f submit          Live example  http   jsfiddle net 7eRLb

[javascript] How can I open a link in a new window?

Examples related to javascript

Examples related to jquery