Html открыть в новой вкладке: Как открыть ссылку в новой вкладке?

html (javascript?) всегда открывать новую вкладку при нажатии кнопки формы

Задать вопрос

Вопрос задан 9 месяцев назад

Изменён 9 месяцев назад

Просмотрен 80 раз

У меня есть html форма с полем select, в котором пользователь выбирает таблицу из базы mySql, которую ему покажут.

<form action = "tableOutput.php" method="post" name="frmTableSelect" target="_blank"> 
    <p>Выберите таблицу из списка</p>
    <select name="tableName" autofocus>
<!-- здесь загрузка списка таблиц из mySql. для упрощения, пусть так: -->
        <option>table 1</option>
    <option>table 2</option>
     <p><br><input name="submit" type="submit" value="показать таблицу"></p>
 </form>

Когда нажимаешь кнопку, открывается новая вкладка с таблицей (обрабатываю в файле «tableOutput. php»).

Но если вернуться обратно к форме и выбрать в select другую (или ту же таблицу), то новый результат открывается в той же вкладке, что предыдущий, т.е. заменяет его собой.

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

Я вставила javascript:

<script>
  knopka.submit = function() {   
    window.open("tableOutput.php")
  };
</script>

Так ничего не изменилось.

Если сделать:

<script>
      knopka.onclick = function() { 
        window.open("tableOutput.php")
      };
 </script>

новая вкладка открывается при каждом нажатии, но так не работает Post метод и код в «tableOutput.php» даёт ошибки.

• javascript
• html

2

Я так понимаю, вы получаете данный таким способом

$label = $_POST["tableName"];

По идее у вас в форме есть target="_blank", поэтому при клике на кнопку должно открываться каждый раз в новом окне.

Можно отменить браузерное событие при клике на кнопку отправку формы, и сделать это на javascript

Для этого добавить id

<form action = "test.php" method="post" name="frmTableSelect" target="_blank">

И сам код обработки

document.getElementById('form').addEventListener('submit', function (e) {
e.preventDefault()
console.log(1)
    })

1

Мне ответили на англоязычном форуме. Вот этот код делает то, что мне нужно:

let cnt = 0;
document.querySelector("[name=frmTableSelect]").addEventListener("submit", function() {
  this.target=`win${cnt++}`;
})

Я не вполне его понимаю, честно говоря, пойду читать документацию. Ура.

3

Зарегистрируйтесь или войдите

Регистрация через Google

Регистрация через Facebook

Регистрация через почту

Отправить без регистрации

Почта

Необходима, но никому не показывается

Отправить без регистрации

Необходима, но никому не показывается

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Открытие ссылки в новой вкладке html атрибутом target

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

Как открыть ссылку в новой вкладке, используя HTML

Чтобы при нажатии по ссылке происходило открытие новой вкладки браузера нужно добавить к тегу ссылок <a> атрибут target=»_blank». Это команда браузеру для открытия новой вкладки или окна (в зависимости от типа браузера и его настроек)

Приведем пример редактирования ссылки.

Изначально адрес выглядел следующим образом:

<a href=»https://www.site.com/»>site.com</a>

Добавьте атрибут. Открытие в новой вкладке произойдет, когда адрес приобретет следующий вид:

<a href=»https://www.site.com/» target=»_blank»>site.com</a>

Почему использовать HTML для открытия новых вкладок небезопасно

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

— Опытные юзеры сами контролируют работу с веб-ресурсами, раздражаются от подобных действий. Если все же решили использовать HTML команду открытия нового окна, добавьте уведомление о перенаправлении.

— Когда используется код HTML и команда target=»_blank», доступ к вашему ресурсу получает страница, на которую ведет ссылка. Имея доступ, можно изменять контент. Это прямая угроза кражи данных посетителей, называемая фишингом. Когда посетитель открыл в новой вкладке страницу входа/регистрации, оплаты, вредоносный код подменяет вашу страницу своей. Пользователь введет данные, пароли, CVC-коды карты на странице мошенников.

Альтернатива стандартным сайтам

Многим представителя малого бизнеса, блогерам, небольшим интернет-магазинам не нужен большой многостраничный сайт. Быстрым и простым решением может стать минисайт — мультиссылка.

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

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

После регистрации создавайте новый дизайн лендинга, длобавляйте блоки текста, фотографий, видео, ссылок, кнопки мессенджеров и приема оплат. Подключайте дополнительные опции — сбор и аналитика метрики, автоответчик JivoSite.

Помимо стандартных блоков доступна опция встраивания HTML кода. Блок HTML предусмотрен для расширения функционала, подключения метрики и Pixel Facebook, Pixel VK.

Сервис Хиполинк гарантирует, что открытие вкладок и переход по ссылкам абсолютно безопасен.

Уже более 140.000 пользователей создали лендинги при помощи сервиса Хиполинк, не тратя время и деньги на веб-разработчиков и дизайнеров.

html — Открыть ссылку в новой вкладке или окне

Задавать вопрос

спросил 9 лет, 11 месяцев назад

Изменено 9 месяцев назад

Просмотрено 1,7 млн ​​раз

Можно ли открыть ссылку a href в новой вкладке вместо той же вкладки?

 Ссылка
 

• html
• вкладки
• гиперссылка
• окно
• href

1

Вы должны добавить target="_blank" и rel="noopener noreferrer" в тег привязки.

Например:

  Ссылка
 

Добавление rel="noopener noreferrer" не является обязательным, но является рекомендуемой мерой безопасности. Более подробную информацию можно найти по ссылкам ниже.

Источник:

• MDN | Элемент HTML | атрибут цель
• О rel=noopener
• Открывает внешние привязки с помощью rel=»noopener»

12

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

Использование _blank сообщит браузеру, что нужно использовать новую вкладку/окно, в зависимости от конфигурации браузера пользователя и того, как он щелкает ссылку (например, щелчок средней кнопкой мыши, Ctrl +щелчок или обычный щелчок).

Кроме того, некоторые браузеры не имеют функции вкладок и поэтому не могут открывать ссылку в новой вкладке, только в новом окне.

10

установите атрибут target

 _blank Открывает связанный документ в новом окне или вкладке.
_self Открывает связанный документ в том же фрейме, в котором он был нажат (по умолчанию)
_parent Открывает связанный документ в родительском фрейме
_top Открывает связанный документ во всем теле окна.  
имя_фрейма Открывает связанный документ в именованном фрейме
 

Чтобы открыть ссылку в HTML в новой вкладке, мы используем атрибут target в открывающем теге . Значение этого атрибута должно быть установлено на _blank . При нажатии на текст ссылки ссылка на сайт открывается в новой вкладке.

Пример кода

Открытие ссылки в новой вкладке с помощью HTML

Объяснение кода

В строке 7 :

• Элементы URL используются для интеграции URL-адресов в HTML.

• Атрибут href задает адрес ссылки, на которую будет перенаправлен пользователь при нажатии на текст ссылки.

• URL-адрес https://www.educative.io/ — это значение атрибут href .

• Атрибут target определяет, где будет открыта ссылка.

• Значение атрибута target _blank открывает ссылку в новой вкладке.

• Текст Образовательный — это текст ссылки между открывающим тегом и закрывающим тегом .

Открыть ссылку в новой вкладке с помощью JavaScript

JavaScript — это язык программирования, используемый для того, чтобы сделать веб-сайты более отзывчивыми, интерактивными и удобными для пользователя. Он может получать доступ и изменять содержимое веб-страницы HTML, определять набор инструкций, которым должна следовать веб-страница, и реагировать на события, инициированные браузером или пользователем.

Чтобы открыть URL-адрес в новой вкладке/окне в JavaScript, мы используем метод window.open(URL, target) . Однако, чтобы открыть новую вкладку, мы должны использовать _blank в качестве второго параметра этого метода.

Примечание: Не добавляйте третий параметр, поскольку ссылка будет перенаправлена ​​в новое окно, а не на новую вкладку.

Пример кода

Открытие ссылки в новой вкладке с помощью JavaScript

Объяснение кода

• Строка 7: Мы используем атрибут события onclick который вызывает функцию 1ab4() 0 openTab когда кнопка нажата.

• Строка 9: Мы используем тег