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

Pass variables to code <input type="image" src="imageSrc;" >

本文关键字：imageSrc image src type input 代码 变量      更新时间：2023-09-26

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

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

我已经对步骤 1 进行了排序 - 我可以使用以下命令将变量从索引页传递到母版页： 

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

其中song=ER是显示埃莉诺·里格比单词的变量。 对于步骤 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;

如果您已经在 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 用于测试。

如果我理解正确，它非常简单。你在找这个吗？

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

如果可以使用 document.write 打印变量imageSrc，则可以如上所示使用它。

相关文章：