JS. Переменная внутри href?

Question

[Endru]

Возможно ли как-то внутрь href поместить переменную?

var urlGo=http://goo.gl;
var googleLink = window.document.querySelectorAll("a[href^='urlGo']");

Comments

[Виталий]

я вот уже раз 10 перечитал вопрос и не понимаю, что вы хотите узнать. Может стоит нормально задать вопрос? А то уже два ответа, которые еще больше меня в ступор вгоняют, первый всем ссылкам дал хреф гугла и радуется, второй вообще имхо о чем-то своем...

[Endru]

Виталий: Суть вопроса состоит в том, что вторая строка находится в функции и должна из-вне принимать параметр с url( в коде urlGoo). Соответственно в значение href необходимо как-то вставить переменную, вот я и ломаю голову над этим. P.S. Надеюсь смог донести мысль.

[Endru]

Виталий: Указанный в вопросе код не отрабатывает, т.к. не могу вставить переменную в значение href=""

[Kovalsky]

Андрей Николаевич: а с какой целью? От этого может зависеть выбор варианта реализации

[Виталий]

Андрей Николаевич: если я правильно понимаю, то ссылки вы получаете динамически, например аджакс запросом в js код, далее в переменную. Я бы на такой случай либо делал сперва li а потом аппендил в них готовые линки , как-то типо let link = document.createElement('a'); link.href = urlGo; li.appendChild(link) либо уже держал неактивные a без href а при их получении, выцеплял бы нужные линки и дописывал в них ссылку....

[Виталий]

Андрей Николаевич: и да , код в вашем вопросе имеет ряд вопросов, переменная для хранения ссылки уже есть ошибка, как минимум ссылку надо отображать как строку обрамляя какими-нибудь кавычками. Второе квери селектор алл выполняет поиск по цсс селектору элементов соответствующих заданной вами маски и возвращает массив ссылок на них. Далее массив можно перебирать и каждый элемент массива будет ссылаться на очередной объект. Эта команда ничего не обновляет в html элементах.

[Endru]

Виталий: Немного не так, это код для iMacros и там функция поочередно принимает значения и отрабатывает с каждым из них. Вот код : https://jsfiddle.net/tanderbull/c4991kno/1/ Там пока черновые наброски, надеюсь разберетесь в нем. В общем вся дилема заключается в том, что при каждом вызове функции значение href должно отрабатывать разное. В коде в нужном месте вставил "????????????" P.S Здесь немного поспешил как задавал вопрос и не произвел обрамление в кавычки.

[Виталий]

Андрей Николаевич: простите , я упорно продолжаю вас не понимать. Скажите прямо, пишу парсер, хочу парсить выдачу гугла и получать ссылки на результаты поиска. про аймакрос я вам ничем не помогу, не знаю и не хочу знать этот продукт.

Answer 1

[Виктор Янышев]

var link = document.querySelectorAll('a[href]');
for ($i = 0; link.length > i; i++) {
 link[i].setAttribute('href', 'http://goo.gl');
}

Answer 2

[Александр Пожарский]

Чистым JS - только в скрипте, не в шаблоне (см ответы Виктора и ErgonomicCode).
Если подобного добра планируется много - я бы глядел в сторону шаблонизаторов

Answer 3

[Anton fon Faust]

Для начала надо в коде ошибки исправить)))
А уже потом...

var urlGo="http://goo.gl"; // строки надо в кавычки брать
// можно так
var googleLink = window.document.querySelectorAll("a[href^="+urlGo+"]");

// или вот так
var selector = [
		"a[href^=", 
		urlGo, 
		"]"
].join('');
var googleLink = window.document.querySelectorAll(selector);

Comments

[Виктор Янышев]

JS на кавычки парные не парные фиолетово, это принципиально для php. Если конечно между ними только смотреть.