2013-03-30 6 views
0

Предположим, у меня есть одна страница HTML, и она содержит сотни ссылок. Эти ссылки будут загружаться в том же окне, когда кто-либо нажимает на них.Открытые ссылки в другом окне с javascript

Я хочу, чтобы он был открыт в другом окне. Я знаю, что я могу использовать target для каждой ссылки:

<a href="http://www.example1.com/" target="_blank">My Text1</a> 
<a href="http://www.example2.com/" target="_blank">My Text2</a> 
<a href="http://www.example3.com/" target="_blank">My Text3</a> 

Howeder, я бы предпочел использовать JavaScript, если это возможно. Можно ли это сделать с помощью JavaScript, и если да, то как?

+0

Да, вы можете добавить target = "_ blank" с помощью javascript. – 2013-03-30 02:18:11

+1

Поиск по вашему запросу в вопросе поиска google даст вам те же ответы, что и ниже. – nathancahill

+0

Точно, я не понимаю, как эти ответы не найдены до того, как вы спросите ... –

ответ

1

Да, это так. Используйте что-то вроде этого:

var newtab = window.open('http://www.example1.com/', '_blank'); 

newtab.focus(); 

Это может открыть в новых вкладках или новых окон в зависимости от конкретного браузера, но я не знаю способ управления, что любой более конкретно.

EDIT Или вы просили установить способ поведения для всех ссылок на странице? Затем вы можете добавить целевую цель ко всем из них при загрузке страницы.

С JQuery: http://jsfiddle.net/b8hdv/

$(document).ready(function() { 
    $('a').attr('target', '_blank'); 
}); 

... или без JQuery: http://jsfiddle.net/uFvUS/

window.onload = function(e) { 
    var links = document.getElementsByTagName('a'); 

    for (var i = 0; i < links.length; i++) { 
     links[i].target = '_blank'; 
    } 
} 
+0

Да, для всех ссылок на странице..и пробовали ваши коды, но это не сработает. пожалуйста ? спасибо – user2203703

+0

Если нет «цели» для моих текущих ссылок 'My Text1' ..может ли эта работа для меня? – user2203703

+0

Пожалуйста, помогите ... спасибо – user2203703

0
function open_in_new_tab(url) 
{ 
    var win=window.open(url, '_blank'); 
    win.focus(); 
} 

Использование так:

$("#a_id").on("click", function(){ 
open_in_new_tab($(this).attr("href")); 
}); 

Демо HTML:

<a href="somepage.html" id="a_id">Click me!</a> 

Найдено here

0

Попробуйте это:

window.open('http://www.example1.com'); 

и захватить события мыши.

Смежные вопросы