wenig JavaScript-Syntax Hilfe benötigt (kurze Frage)

Question

Ich habe eine externe JS-Datei, die ich in einen Tag erschaffe.

Problem ist, ich weiß nicht, wie die Zitate zu verwenden, wenn ich bin ein Onclick-Ereignis hinzufügen zu dem Code unten.

Jetzt dieser Code funktioniert:

banner_div.innerHTML = '<a href=\"'+links[counter]+'\"><img src=\"'+images[counter]+'\" border=\"1px\" style=\"border-color:#000;\" alt=\"'+alts[counter]+'\" title=\"'+titles[counter]+'\"></a>'; 

Aber ich muß dies die oben hinzuzufügen:

onclick="_gaq.push(['_trackEvent', 'Link Clicks', 'From Index.html', 'www.domain.com']);" 

Wie soll ich das Onclick-Ereignis mit dem ersten Stück Code einfügen, damit es funktioniert?

Dank

BTW: Die Arrays oben sind im Inneren einer for-Schleife iteriert. So enthält beispielsweise links [counter] den aktuellen Index des Links-Arrays, der beispielsweise "www.somedomain.com" sein könnte.

Answer 1

Sieht aus wie ein Problem mit der Verwendung von einfachen Anführungszeichen in einer durch Trennzeichen getrennten Zeichenfolge. Denken Sie daran, das ganze onclick = ding befindet sich innerhalb der großen Zeichenfolge, die von einfachen Anführungszeichen umgeben ist. Also nur Backslash-entkommen die einfachen Anführungszeichen:

onclick="_gaq.push([\'_trackEvent\', \'Link Clicks\', \'From Index.html\', \'www.domain.com\']);" 

Ich möchte vermeiden, innerHTML- verwenden, vor allem, wenn Sie eine Menge von Substitutionen haben. Zu viel kann schief gehen. Zum Beispiel, was wenn alts [counter] einige spezielle HTML-Zeichen wie & hat? Ich würde das DOM stattdessen verwenden, um das Objekt zu manipulieren. Zum Beispiel

a = document.createElement("a"); 
a.href = links[counter]; 
a.setAttribute("onclick", "_gaq.push(['_trackEvent', 'Link Clicks', 'From Index.html', 'www.domain.com']);") 
img = document.createElement("img"); 
img.src = images[counter]; 
img.border = "1px"; 
img.style = "border-color:#000;"; 
img.alt = alts[counter]; 
img.title = titles[counter]; 
a.appendChild(img); 
banner_div.appendChild(a); 

Obwohl ich vermuten, dass es ohne Prüfung, so dass es ein bisschen falsch sein könnte.

Bitte beachte, dass ich kurz Hand Eigenschaft Notation verwendet, um alle Attribute zuweisen, aber ich verwendet setAttributeonclick zuweisen, weil ich versucht, die Eigenschaft Notation und es nicht für mich arbeiten (die DOM HTML Spezifikation ermöglicht es Ihnen, die meisten zu setzen Eigenschaften direkt, aber nicht onclick).

Answer 2

Sie müssen doppelte Anführungszeichen in einer Single-String in Anführungszeichen (und umgekehrt) nicht entgehen, so zunächst können wir diese ziemlich viel vereinfachen, indem sie nur entsprechend quote-Typ abwechselnd:

banner_div.innerHTML = '<a onclick="' + "_gaq.push(['_trackEvent', 'Link Clicks', 'From Index.html', 'www.domain.com']);" + '" href="' + links[counter] + '"><img src="' + images[counter] + '" border="1px" style="border-color:#000;" alt="' + alts[counter] + '" title="' + titles[counter] + '"></a>'; 

Meiner Meinung nach ist dies eine einfachere Lösung als die DOM-Manipulation in der akzeptierten Antwort. Wir müssen uns nicht einer einzigen Sache entziehen, und wir verwenden keine einzige Funktion außer einer guten alten String-Verkettung.

Warum haben wir zwei Arten von Anführungszeichen? Um Szenarien mit vielen Zitaten (so) einfach zu machen!