Можно ли автоматически делать target blank для внешних ссылок?

Question

[wiyod]

Собственно вопрос. Возможно ли автоматическое поведение для ВСЕХ внешних ссылок target blank, желательно средствами HTML? Кажется был подобный тег в head, который задает такое поведение? Если нельзя HTML, то что посоветуете на JS (это наверное сложнее, т.к. используется Vue, да еще и контент поступает по API как JSON и рендерится через v-html)

Comments

[Kovalsky]

В подавляющем большинстве случаев внешние ссылки в отличие от внутренних начинаются с описания протокола, это можно использовать: $("a[href^='http://']").attr("target","_blank");

Answer 1

[Павел]

Насчет html такого не слышал.
Jquery

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

Js

window.onload = function(){
  var anchors = document.getElementById('content').getElementsByTagName('a');
  for (var i=0; i<anchors.length; i++){
    anchors[i].setAttribute('target', '_blank');
  }
}

+ Проверка на домен и добавление:

$('#content a').each(function() {
   var linky = new RegExp('/' + window.location.host + '/');
   if (!linky.test(this.href)) {
      $(this).attr("target","_blank");
   }
});

Comments

[wiyod]

Надо же еще какую-то выборку производить? Мне не надо для всех ссылок, только для внешних.

[Павел]

wiyod, добавил вариант с проверкой домена

[wiyod]

Павел, благодарю, сегодня попробую внедрить.

Answer 2

[0xD34F]

Можно повесить обработчик click на корневой элемент: если целевым элементом является ссылка - отменяете действие по умолчанию и открываете новое окно вручную:

<div id="app" @click="onClick">
  ...

new Vue({
  el: '#app',
  methods: {
    onClick(e) {
      if (e.target.tagName === 'A') {
        e.preventDefault();
        window.open(e.target.getAttribute('href'));
      }
    },
    ...
  },
  ...
});

Comments

[wiyod]

А как разделять внутренние ссылки от внешних? В данном решении все ссылки открываются во внешнем окне, насколько я понимаю.

[0xD34F]

wiyod, анализируйте значение атрибута href.

Answer 3

[Ivan Bogatov]

Не это ищите?
https://www.w3schools.com/tags/tag_base.asp
htmlbook.ru/html/base

Comments

[wiyod]

Это, но похоже мне это не подойдет. Мне надо только для внешних.