javascript - How to open an URL in a new tab not in a new window -


this question has answer here:

there many answers on how open url in new window using window.open() opens popup window , that's not need.
problem is: many users have browsers set block popup windows. on other hand, many websites can open new tabs inside thw current window avoiding popup blocker kick in.

window.open('page.htm','_blank')

triggers popup blocker,

window.location.href='page.htm','_blank'

opens url in same tab, if '_blank' omitted.

so here's question:
there way tell javascript behave if target='_blank' attribute included in ordinary link?
in other words:
how possible open new tab, preferably using document.location.href?
emphasize don't want open new window because activates popup blocker.
need new tab inside current window.
again, answers proposing window.open() useless me, please don't recommend opens new window.

this may help.

<div onclick="opennewtab('http://www.stackoverflow.com');">click here open new tab</div>  function opennewtab(url) {   var newwindow = window.open(url, '_blank');   newwindow .focus(); }

working fiddle


Comments

Post a Comment

Popular posts from this blog

javascript - AngularJS custom datepicker directive -

i make custom datepicker directive custom template. but have no idea how start building it... how include date data directive? i appreciate guide or give me advice work on more precisely. it might you! follow below steps html code sample: <label>birth date</label> <input type="text" ng-model="birthdate" date-options="dateoptions" custom-datepicker/> <hr/> <pre>birthdate = {{birthdate}}</pre> <script type="text/ng-template" id="custom-datepicker.html"> <div class="enhanced-datepicker"> <div class="proxied-field-wrap"> <input type="text" ui-date-format="yy-mm-dd" ng-model="ngmodel" ui-date="dateoptions"/> </div> <label> <button class="btn" type="button"><i class="icon-calendar"></i>
Read more

javascript - jQuery date picker - Disable dates after the selection from the first date picker -

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jquery ui datepicker - default functionality</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <link rel="stylesheet" href="/resources/demos/style.css"> <script> $(function () { $("#datepicker1").datepicker(); }); </script> <script> $(function () { $("#datepicker2").datepicker(); }); </script> </head> <body> <p>date 1: <input type="text" id="datepicker1"></p> <p>date 2: <input type="t
Read more