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

Set image in DOM from parameter in URL

本文关键字：DOM 图像 设置 参数 URL      更新时间：2023-09-26

我想做一个URL: www.mysite.com?q=name

从那里，它将被放置在HTML:

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

jQuery的属性是什么?我仍然是jQuery的新手，正在努力学习。

为img元素指定Id，并执行:

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

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

要从你的Querystring中提取，你可以使用这个插件(或者-只是看看代码，并采取你需要的)

所以完整的脚本看起来像这样: 
$('#image-id').attr('src', 'image/' + $.getURLParam('name') + '.png');

您应该为您的img分配一个id来识别它:

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

然后在这个id上使用jQuery选择器来根据你的URL参数改变src属性。URL字符串被分割为q=文本和从中获取的值。

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

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

访问参数。
相关文章：