从URL中的参数设置DOM中的图像

Question

我想制作如下网址：www.mysite.com？q = name

从那里，它将放在HTML中：

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

执行此操作的jQuery属性是什么？我还是jQuery的新手并且正在努力学习。

Answer 1

为您的img元素分配ID并执行：

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

将＃image-id替换为您分配给元素的ID，并且必须从URL参数中提取

要从您的查询字符串中提取，您可以使用this plugin（或 - 只需查看代码并获取所需内容）

所以完整的脚本看起来像这样：

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

Answer 2

您应该为img分配一个ID来识别它：

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

然后在此ID上使用jQuery选择器根据您的URL参数更改src属性。 URL字符串在q = text上分割，并从中获取值。

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

Answer 3

最好的方法是使用tigraine提到的插件，但是如果你想自己解析它，你可以通过window.location.search

访问params