JavaScript / jQuery - открыть текущую ссылку во всплывающем окне

Question

<a href="http://google.com">Link</a>

Как открыть эту ссылку во всплывающем окне? И запретить браузеру блокировать его

Answer 1

Там "новые окна" и есть "всплывающие окна".Использование target=_blank откроет новое окно, за исключением того, что современные браузеры по умолчанию помещают новые окна в новые вкладки .Похоже, это не то, что вы хотите.

Для реального всплывающего окна вы хотите window.open(), и обязательно укажите определенную ширину и высоту, в противном случае некоторые браузеры будут по-прежнему помещать новое окно в новоевкладка.Пример Дарина выглядит хорошо для меня.

Что касается блокировки всплывающих окон, общий подход, который используют браузеры, заключается в том, что всплывающие окна, инициируемые действиями пользователя , разрешены (например, щелчок), в то время как всплывающие окна запускаются спонтанно черезСценарий, такой как этот, блокируется:

<script type="text/javascript">
    window.open("http://www.google.com/", "Google", "width=500,height=500");
</script>

Однако, поскольку блокировка рекламы является эскалацией войны, вы никогда не можете быть уверены, что всплывающее окно откроется.Если ваше всплывающее окно заблокировано , вызов window.open возвращает ноль.Поэтому я бы изменил пример Дарена следующим образом:

<a href="http://www.google.com/"
    onclick="return !window.open(this.href, 'Google', 'width=500,height=500')"
    target="_blank">

Если всплывающее окно заблокировано, onclick возвращает true, который следует по ссылке, по которой они щелкнули, открыв ее в новом окне или вкладке.Это запасной вариант, поэтому, по крайней мере, контент доступен (если не хорош).

Answer 2

<a href="http://google.com" onclick="window.open(this.href, 'windowName', 'width=1000, height=700, left=24, top=24, scrollbars, resizable'); return false;">Link</a>

Answer 3

Откроется новое окно.

<a href="http://google.com" target="_blank">Link</a>

Answer 4

JQuery:

<script>
$('#button2').live("click",function(e){    
  window.open("http://www.google.com", "yyyyy", "width=480,height=360,resizable=no,toolbar=no,menubar=no,location=no,status=no");
return false;
});
</script>

<a href="#" id="button2" ><img src="images/online.png"></a><br/>Online

Answer 5

Вы можете попробовать код ниже,

<script type="text/javascript">
     window.open(location.href, "Google", "width=500,height=500");
</script>