Установить изображение в DOM из параметра в URL

Question

Я хочу создать URL-адрес, например: www.mysite.com?q=name

Оттуда он будет размещен в HTML:

<p align="center"><img src="image/**name**.png" alt="Logo" /></p>

Какими будут атрибуты jQueryсделать это?Я все еще новичок в jQuery и пытаюсь учиться.

Answer 1

назначьте Id для вашего элемента img и выполните:

$('#image-id').attr('src', 'image/<name>.png');

, где вы заменяете # image-id на идентификатор, который вы присвоили своему элементу, и его необходимо извлечь из параметров URL

Для извлечения из вашей строки запросов вы можете использовать этот плагин (или - просто посмотрите на код и возьмите то, что вам нужно)

Таким образом, весь скрипт будет выглядеть так:

$('#image-id').attr('src', 'image/' + $.getURLParam('name') + '.png');

Answer 2

Лучший способ - просто использовать плагин, упомянутый Tigraine, но если вы хотите разобрать его самостоятельно, вы можете получить доступ к параметрам через window.location.search

Answer 3

Вы должны присвоить идентификатор вашему img, чтобы идентифицировать его:

<p align="center"><img id="logoImg" src="image/**name**.png" alt="Logo" /></p>

Затем используйте селектор jQuery для этого идентификатора, чтобы изменить атрибут src на основе вашего параметра URL. Строка URL разделена на текст q = и взятое из него значение.

$('#logoImg').attr('src', 'image/' + document.URL.split('q=')[1] +'.png');