Question

希望有人可以帮助一个菜鸟。非常感谢提前。

我有一个索引页面，其中包含指向包含歌词的数百个其他页面的链接。我已经构建了每个歌曲页面，但是有一个MASTER页面从索引页面获取一个变量并找到相应的单词（存在为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

如果您的HTML页面中已有<input type="image">，则必须添加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进行测试。

Answer 2

如果我理解你的话，那很简单。你在找这个吗？

var input = document.createElement('input');
input.type = 'image';
input.src = imageSrc;
document.body.appendChild(input);

如果您可以使用document.write打印变量imageSrc，那么您可以像上面显示的那样使用它。

将变量传递给代码<input type =“image”src =“imageSrc;”/>

2 个答案: