How to simulate target blank in JavaScript

Question

When a user clicks on a link  I need to update a field in a database and then open the requested link in a new window   The update is no problem  but I don t know how to open a new window without requiring them to click on another hyperlink    lt body onLoad  document getElementById  redirect   click  gt   lt a href  http   www mydomain com ReportID 1  id  redirect  target   blank  gt Report lt  a gt   lt  body gt

User · Answer

You can extract the href from the a tag   window open document getElementById  redirect   href

User · Answer

This might help  var link   document createElementNS  http   www w3 org 1999 xhtml    a        link href    http   www google com       link target     blank       var event   new MouseEvent  click              view   window           bubbles   false           cancelable   true             link dispatchEvent event

User · Answer

This might help you to open all page links       myClass   each       function i e           window open e    blank                It will open every  lt a href    class  myClass  gt  lt  a gt  link items to another tab like you would had clicked each one    You only need to paste it to browser console  jQuery framework required

User · Answer

I know this is a done and sorted out deal  but here s what I m using to solve the problem in my app   if   e target hasAttribute  target          e preventDefault             e target setAttribute  target     blank        e target click        return      Basically what is going on here is I run a check for if the link has target  blank attribute  If it doesn t  it stops the link from triggering  sets it up to open in a new window then programmatically clicks on it   You can go one step further and skip the stopping of the original click  and make your code a whole lot more compact  by trying this   if   e target hasAttribute  target          e target setAttribute  target     blank        If you were using jQuery to abstract away the implementation of adding an attribute cross-browser  you should use this instead of e target setAttribute  target     blank         jQuery event target  attr  target     blank     You may need to rework it to fit your exact use-case  but here s how I scratched my own itch   Here s a demo of it in action for you to mess with    The link in jsfiddle comes back to this discussion    no need a new tab

User · Answer

This is how I do it with jQuery  I have a class for each link that I want to be opened in new window     function             external   click function e            e preventDefault            window open this href

User · Answer

I personally prefer using the following code if it is for a single link  Otherwise it s probably best if you create a function with similar code   onclick  this target   blank      I started using that to bypass the W3C s XHTML strict test

User · Answer

lt script gt      window open  http   www example com ReportID 1     blank     lt  script gt    The second parameter is optional and is the name of the target window

[javascript] How to simulate target="_blank" in JavaScript

Examples related to javascript