Открыть URL-адрес в новом окне с помощью JavaScript

131

Я делаю кнопку «Поделиться», чтобы поделиться текущей страницей. Я хочу взять текущий URL-адрес страницы и открыть его в новом окне. У меня работает текущая часть URL, но, похоже, не могу заставить работать следующую часть.

Я борюсь с синтаксисом. Я хочу указать новый размер окна width=520, height=570.

Что-то вроде:

<a target="_blank"
   href="https://www.linkedin.com/cws/share?mini=true&amp;url=[sub]" 
   onclick="this.href = this.href.replace('[sub]',window.location)">
    LinkedIn
</a>

Любые идеи?

javascript new-window

— Марк Митчелл
источник

возможный дубликат Javascript - Откройте указанный URL в новой вкладке, нажав кнопку

— Люк Олдертон,

Ответы:

219

Использование window.open():

<a onclick="window.open(document.URL, '_blank', 'location=yes,height=570,width=520,scrollbars=yes,status=yes');">
  Share Page
</a>

Это создаст ссылку с названием, Share Pageкоторая открывает текущий URL-адрес в новом окне с высотой 570 и шириной 520.

— citruspi
источник

как установить высоту и ширину окна на ноль, если я установил на ноль, он показывает полный экран

— Акшата Сринивас

как нам открыть его как обычное окно, а не как всплывающее? потому что не удалось открыть новую вкладку

— Ашок Кумар Ганесан

@AkshathaSrinivas минимальная высота 100

— Оскар Асеведо

Просто использовать window.open()функцию? Третий параметр позволяет указать размер окна.

пример

var strWindowFeatures = "location=yes,height=570,width=520,scrollbars=yes,status=yes";
var URL = "https://www.linkedin.com/cws/share?mini=true&amp;url=" + location.href;
var win = window.open(URL, "_blank", strWindowFeatures);

— Шиплу Мокаддим
источник

shiplu.mokadd.im Кажется, это то, что мне нужно, но я не уверен, куда это идет.

— Марк Митчелл

@MarkMitchell Если вас не волнуют стандарты кодирования - в onclickатрибут. Несколько лучший вариант - создать функцию, которую вы вызываете из onclick. Используя getElementByIdи addEventListenerеще чище. Использование jQuery для получения более короткого синтаксиса (и некоторых других функций + тонны плагинов) также очень популярно.

— Джон Дворжак

Как это 4-й параметр? Мне это кажется третьим. Я что-то упускаю?

— CoderDennis 09

@CoderDennis Хороший улов. Починил это.

— Шиплу Мокаддим

привет, как я могу вызвать событие закрытия окна?

— Dilakshan Sooriyanathan

Не путайте, если вы не укажете strWindowFeatures, то оно откроется в новой вкладке.

window.open('https://play.google.com/store/apps/details?id=com.drishya');

— Анкит Кумар Раджпут
источник