1
私が最近行ったのは、最近のtutorial of Computer Arts magazineのコードです。私がしようとしているのは、ループ内にonClick関数を実装することで、それぞれdivがクリック可能になり、対応するWebページがロードされます。注意してください（forループ内のonClickは起動していません
var itemsHTML = '',
items = [
{
itemType:'ani',
itemName:'Show Reel 10-11',
path:'thumb_showreel.jpg',
urlPath:'showreel.html'
}];
ANDアレイからの情報を受け取りループ：
は、私は現在の値の一組のみで、配列を持っていますが、似ている複数の値のアイデアを得ることができますonClickの - これは私の入力で、他のすべてはチュートリアルからです。
for(var i = 0; i < items.length; i++) {
var type = items[i]['itemType'];
var name = items[i]['itemName'];
var path = items[i]['path'];
var urlPath = items[i]['urlPath'];
itemsHTML += " <div class=\"element " + type + "\" style=\"background-image:url('portfolio/" + type + "/" + path + "')\" onClick=\"document.location='http://www.thepapertorium.co.uk/'" + urlPath + "\">";
itemsHTML += " <div class=\"label\">";
itemsHTML += " <h1>" + name + "<\/h1>";
itemsHTML += " <\/div>";
itemsHTML += " <\/div>";
}
これと同じonClickは、それは正しくあり働く私のヘッダのバナーから取られたので、私は、私はここに貼り付けることができ考え出して、自然に、広告ここでは、ループが必要な文法にはforが必要ですが、私は運がありませんでした。この単純なジレンマでお手伝いください！
HTMLをビルドした後でその例を教えてください。スクリプトを実行し、ソースを表示して質問を編集して、スクリプトの内容を追加します。 –
JSを使用してHTMLに埋め込まれたJSの文字列を連結しますか？これはデバッグする悪夢です（あなたが発見したように）。 innerHTMLを使いこなす代わりに、標準のDOM操作を使用します。 – Quentin