JQuery как преобразовать все ссылки к абсолютному виду?

Question

[Александр]

Мне нужно преобразовать с помощью jquery все ссылки и пути в тегах a, script, link в абсолютный вид вместе с http://мойДомен/папка/файл.расширение
Есть ли какие-нибудь готовые варианты?

Answer 1

[twobomb]

Держи написал за 2 минуты особо не тестировал ну вроде должно работать.
Просто вызови эту функцию в onload'е

function replaceOnAbsolute(){
    var attrForReplace = ["src","href"];//В каких атрибутах менять на абсолютные ссылки
    var curDir = window.location.href.match(/(.+\/).+\.?.+?/)[1];
   $("*").each(function(i,e){
       attrForReplace.map(function(el){
           if($(e).attr(el))
            if($(e).attr(el).search("^(https?)|(file)|(ftp)") == -1)
                $(e).attr(el,curDir+$(e).attr(el));
       });
   });
}

Comments

[Stalker_RED]

Вместо вообще всех элементов ($("*").each) можно же перебирать только те, где есть src или href
$("[src], [href]").each()

[twobomb]

Stalker_RED: Отлично, а можно перебирать все.

[Stalker_RED]

И вместо

var curDir = window.location.href.match(/(.+)\/.+\.?.+?/)[1]+"/";

можно использовать location.pathname

[Stalker_RED]

twobomb: Вы правы, оно и так глючное будет, так что на производительность плевать.

[twobomb]

Stalker_RED: А вы проводили тесты? Или вы думаете у JQuery особенный алгоритм выборки, я думаю там похожий алгоритм перебора.

[Stalker_RED]

twobomb: https://learn.jquery.com/performance/optimize-sele...
В большинстве браузеров будет вызван document.querySelectorAll(), и вот в нем уже есть множество оптимизаций.
Прогнал тест на той странице тостера - скорость отличается раз в десять (и почему-то найдено на два элемента больше)

код

var url, el, fullscan_count = 0, attr_count = 0;

console.time('with attribute')
$("[href], [src]").each(function(){
  el = $(this)
  url = el.attr('href') || el.attr('src')
  if(url.indexOf('://') == -1)
    attr_count++;
});
console.timeEnd('with attribute')
console.log('attr_count', attr_count);


console.time('full')
$("*").each(function(i,e){
  ["src","href"].map(function(el){
    if($(e).attr(el))
      if($(e).attr(el).search("^(https?)|(file)|(ftp)") == -1)
        fullscan_count++;
  });
});
console.timeEnd('full')
console.log('fullscan_count', fullscan_count);

[twobomb]

Stalker_RED: Хм.. интересно. Ну начнем.
Во первых document.querySelectorAll поддерживают только современные браузеры.
Во вторых вот здесь я создал тест, страница 1000 элементов в которых нужно заменить ссылки, на котором прогнал сначала 100 потом 1000 раз для точности вычислений, и разница составляет от 1,5 до 2 раз, но никак не 10!!
В третьих какая нахрен разница код выполнится за 2мс или за 4мс, вы даже глазом моргнуть не успеете. Сейчас уже не то время когда нужно прям так сильно пектись за оптимизацию каждого алгоритма, для современных компьютеров это раз плюнуть, иначе на сайты не навешивали бы столько разной фигни которая жрет куда больше ресурсов чем эти 2мс.
Ну и в четвертых я же написал

Держи написал за 2 минуты особо не тестировал ну вроде должно работать.

, я не подходил основательно в решению это задачи, сделал как говорится на отъ***сь. Я надеялся что человек просто посмотрит мой код и уже сделает как ему нужно, а не тупо ctrl+c ctrl+v. На этом все, спасибо.

[jasonOk]

twobomb:

Во первых document.querySelectorAll поддерживают только современные браузеры.

Global 97.65% + 0.32% = 97.97%

caniuse.com/#search=querySelectorAll

Answer 2

[Stalker_RED]

Нет готовых вариантов, т.к. это довольно стремный подход - нет гарантий, что ваш jQuery-преобразователь выполнится раньше, чем произойдет обращение по относительным адресам.
Лучше позаботиться об этом еще на сервере.