1

誰かが初心者を助けることを願っています。よろしくお願いします。

歌詞を掲載している他の何百ものページへのリンクを含むインデックス ページがあります。各曲のページを作成しましたが、インデックス ページから変数を取得し、対応する単語 (png グラフィックとして存在する) を見つける 1 つの MASTER ページを作成する方がはるかに簡単です。

ステップ 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;
4

2 に答える 2

2

すでに<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。

于 2013-01-27T13:04:44.753 に答える
1

私があなたを正しく理解していれば、それは非常に簡単です。これを探していますか？

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

document.write を使用して変数を出力できる場合はimageSrc、上記のように使用できます。

于 2013-01-27T12:51:16.417 に答える