Come aggiungere una variabile all'interno di una doppia stringa quotata - javascript

var testStr="World";
tUserBlock.setAttribute("onclick", "javascript:alert("Hello" + testStr)");

Questa è probabilmente una domanda stupida, ma ci sto provandoper aggiungere una variabile all'evento onclick .setAttribute, ma non sono abbastanza sicuro di quale sia la sintassi corretta per aggiungere la variabile nella virgolette? L'avviso sopra non viene mostrato.

risposte:

var testStr="World";
tUserBlock.setAttribute("onclick", "javascript:alert("Hello "+testStr+"")");

Tuttavia questo è un modo scadente di associare gli eventi di clic agli elementi. Invece, guarda nel element.addEventListener metodo - questo è il modo preferito di legare. Ci sono vari motivi per questo: uno è che non sei limitato a un solo evento di ogni tipo (come lo sei con il tuo attuale approccio). Un altro è che mantiene il codice fuori dal tuo mark-up.

Questo è il modo giusto per legare gli eventi (non è necessario usarli setAttribute):

var testStr="World";
tUserBlock.onclick = function() { alert("Hello" + testStr) };

Se insisti ancora sul tuo modo originale, questo è il modo di farlo:

var testStr="World";
tUserBlock.setAttribute("onclick", "javascript:alert("Hello " + testStr + "")");

prova questo.

var testStr="World";
tUserBlock.setAttribute("onclick", "javascript:alert("Hello "+testStr+"")");

Spero che questo ti possa aiutare.

Questo funziona per me, e non ho cambiato nulla:

<button class="tUserBlock">click me</button>

<script>
var tUserBlock = document.querySelector(".tUserBlock");
var testStr="World";
tUserBlock.setAttribute("onclick", "javascript:alert("Hello" + testStr)");
</script>