javascript - 将变量传递给代码 <input type ="image"src ="imageSrc;">

Question

希望有人能帮助菜鸟。非常感谢。

我有一个索引页面，其中包含指向数百个包含歌曲歌词的其他页面的链接。我已经构建了每个歌曲页面，但是如果有一个从索引页面获取变量并找到相应单词(以 png 图形形式存在)的主页面会简单得多。

我已经对第 1 步进行了排序 - 我可以使用以下方法将变量从索引页传递到母版页:

<a href="javascript: window.open('MUSIC/beatles/mastertest2.html?song=ER', '_parent')">

其中 song=ER 是显示 Eleanor Rigby 的单词的变量。对于第 2 步，我还可以通过以下方式在母版页中检索该信息:

var imageSrc = (qs("song")+".png");  document.write(imageSrc);

这将显示文本 ER.png，这是我要显示的图像的名称。

对于第 3 步，我试图将相同的变量读入:

<input type="image" src="imageSrc;">

显示图片。我已经搜索了这个论坛和其他论坛好几天了，没有任何建议对我有用。我可能会错过编码中的重要早期步骤？

更新:

我的主 html 文件有这段代码来检索变量:

function qs(search_for) {
    var query = window.location.search.substring(1);
    var parms = query.split('&');
    for (var i=0; i<parms.length; i++) {
        var pos = parms[i].indexOf('=');
        if (pos > 0 && search_for == parms[i].substring(0,pos)) {
            return parms[i].substring(pos+1);;
        }
    }
    return "";
}

它使用这段代码来显示变量(附加 .png)只是为了向我证明它正在通过:

var imageSrc = (qs("song")+".png");
document.write(imageSrc);

然后我尝试将变量输入例程以显示所选的 png。下一个脚本不起作用，但我现在正在为尝试任何事情而烦恼:

var imageSrc = (qs("song")+".png");
document.write(imageSrc);

<input type="image" src="@imageSrc;" border="0" value="Notes" onClick="placeIt(); showIt()">
<input id="song-image" type="image">
var imageSrc = 'ER.png';
var input = document.getElementById('song-image');
input.src = imageSrc;

Answer 1

如果您已经<input type="image">在您的 HTML 页面中，您必须添加 id然后将其设置为 src带有

的属性

HTML:

<input id="song-image" type="image">

JS:

var imageSrc = 'http://www.lorempixel.com/200/100';
var input = document.getElementById('song-image');
input.src = imageSrc;

JSFiddle用于测试。