时间戳

首页 > 解决方案 > 如何在 img src 属性中克隆 url 参数值？

javascript - 如何在 img src 属性中克隆 url 参数值？

问题描述

我正在尝试从 url 获取参数值，将其添加到 div 中，然后将该值克隆到 img src 属性中。

我可以在 div 中获取参数值，也可以将其克隆，但它是这样做的：

<img id="target" src="images/">samplevalue.png</img>

我需要这样做：

<img id="target" src="images/samplevalue.png" />

样品参数：param1=samplevalue.png

这是代码：

html

<div id="block1"></div>
<img id="target" src=""/>

jQuery/Javascript

function getQueryVariable(variable) {
    var query = window.location.search.substring(1);
    var vars = query.split("&");
    for (var i = 0; i < vars.length; i++) {
        var pair = vars[i].split("=");
        if (pair[0] == variable) {
            return decodeURIComponent(pair[1].replace(/\+/g, "&nbsp"));
        }
    }
    return decodeURIComponent(pair[1]);
}

document.getElementById("block1").innerHTML = 
getQueryVariable("param1");

$(document).ready(function() {
    $("img#target").attr("src", "images/").html($("#block1").html());
});

即使直接在 img src 属性中添加参数值也比在 div 中添加 first 好。

对此的任何帮助都将受到高度赞赏。非常感谢您提前。

标签： javascriptjqueryhtmlurl-parameters

解决方案

你应该这样做：

$(document).ready(function() {
    var param1 = getQueryVariable("param1");
    $("img#target").attr("src", "images/"+param1);
    $("#block1").html(param1);  
});

将您的参数放入一个变量中，然后使用它来更改您的 SRC 属性并将内容放入您的 div 中。

推荐阅读