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

发布于 2024-12-01 05:16:08 字数 231 浏览 1 评论 0原文

我想创建一个像这样的 URL: www.mysite.com?q=name

从那里,它将放置在 HTML 中:

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

执行此操作的 jQuery 属性是什么?我对 jQuery 还很陌生,正在努力学习。

I want to make a URL like: www.mysite.com?q=name

From there, it will place in HTML:

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

What would be the jQuery attributes to do this? I am still new to jQuery and trying to learn.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

瑾夏年华 2024-12-08 05:16:08

为您的 img 元素分配一个 Id 并执行以下操作:

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

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

要从查询字符串中提取,您可以使用 这个插件 (或者 - 只需查看代码并获取您需要的内容)

因此完整的脚本将如下所示像这样:

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

assign a Id to your img element and do:

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

Where you replace #image-id with the ID you assigned to your element and has to be extracted from the URL parameters

To extract the from your Querystring you could use this plugin (or - just look at the code and take what you need)

So the complete script would look like this:

$('#image-id').attr('src', 'image/' + $.getURLParam('name') + '.png');
徒留西风 2024-12-08 05:16:08

您应该为您的 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');

You should assign an id to your img to identify it:

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

Then use a jQuery selector on this id to change the src attribute based on your URL parameter. The URL String is split on the q= text and the value taken from it.

$('#logoImg').attr('src', 'image/' + document.URL.split('q=')[1] +'.png');
记忆里有你的影子 2024-12-08 05:16:08

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

Best way is to just use the plugin mentioned by tigraine, but if you want to parse it yourself, you can access the params via window.location.search

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文