javascript打开新标签页中的链接

时间:2013-11-17 01:18:05

标签: html5 google-chrome jquery google-chrome-extension

一个html示例是:

<div id="box_5999439903" class="peoplegrid-box mrm mbm">

    <a href="profile.45233.html">
    </a>
</div>
<div id="box_5447207448" class="peoplegrid-box mrm mbm"> … </div>
<div id="box_5419085632" class="peoplegrid-box mrm mbm"> … </div>
<div id="box_7266696625" class="peoplegrid-box mrm mbm"> … </div>
<div id="box_5832298219" class="peoplegrid-box mrm mbm"> … </div>
<div id="box_7204247411" class="peoplegrid-box mrm mbm"> … </div>
<div id="box_33341775" class="peoplegrid-box mrm mbm"> … </div>
<div id="box_5693580" class="peoplegrid-box mrm mbm"> … </div>
<div id="box_6737088823" class="peoplegrid-box mrm mbm"> … </div>
<div id="box_5997535946" class="peoplegrid-box mrm mbm"> … </div>
我有10个div!每个都包含一个href =“profile.45233.html”! 如何使用指定的前缀=“www.google.com/”打开新标签中的每个链接?:
在我的例子中,如果“href =”profile.45233.html“”打开的链接将是“www.google.com/profile.45233.html”“

2 个答案:

答案 0 :(得分:1)

target='_blank'属性添加到每个锚点,例如

<a href="/profile.html?view=mini&uid=5999439903&src=obr" target='_blank'>

将使其在新标签中打开

答案 1 :(得分:0)

您无法在用户上打开10个标签页。此外,您无法保证点击的链接会在新标签页中打开,因此您可能会试图强行转动轮子。

您可以使用target="_blank"建议在新标签/窗口中打开一个链接(它取决于用户),或者如果您想要使用Javascript路线,那么您可以将前缀添加到您可以这样做:

var link_prefix = 'http://www.google.com';
$('.peoplegrid-box a').on('click', function(e){
  e.preventDefault();
  window.open( link_prefix + this.href);
});