window.open открывает ссылку в новом окне и на исходной странице

Я пытаюсь создать ссылку, которая открывает страницу удаленного веб-сайта во всплывающем окне. Я немного погуглил и придумал следующий код:

<a href="http://www.yandasmusic.com" onclick="window.open(this.href,'targetWindow','toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=400,height=400')" >A pop-up link</a>

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

Спасибо - Алекс


person Alex Ritter    schedule 22.10.2013    source источник
comment
Вам нужен return false, чтобы предотвратить действие по умолчанию.   -  person Brad    schedule 22.10.2013
comment
Этот пример W3 Schools может помочь: w3schools.com/js/tryit.asp?filename =tryjs_openallwindow   -  person Vektor    schedule 22.10.2013


Ответы (2)


Добавьте return false; в конце onclick

<a href="http://www.yandasmusic.com" onclick="window.open(this.href,'targetWindow','toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=400,height=400'); return false;">A pop-up link</a>
person kavun    schedule 22.10.2013

Просто добавьте return false , потому что действие по умолчанию всегда верно.

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

изменять

<a href="http://www.yandasmusic.com" onclick="window.open(this.href,'targetWindow','toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=400,height=400')" >A pop-up link</a>

с участием

<a href="http://www.yandasmusic.com" onclick="window.open(this.href,'targetWindow','toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=400,height=400'); return false;">A pop-up link</a>
person user2092317    schedule 22.10.2013