Come impostare l'attributo di OnClick con il valore contenente la funzione in ie8?

Question

Il mio obiettivo è modificare l'attributo "onclick" di un collegamento. Posso farlo con successo, ma il collegamento risultante non funziona in ie8. Funziona in ff3.

Ad esempio, questo funziona in firefox3, ma non in ie8. Perché???

<p><a id="bar" href="#" onclick="temp()">click me</a></p> 

    <script> 

    doit = function(){ 
     alert('hello world!'); 
    } 
    foo = document.getElementById("bar"); 
    foo.setAttribute("onclick","javascript:doit();"); 

    </script> 

Answer 1

Non è necessario utilizzare setAttribute per questo - funziona Questo codice (IE8 anche)

<div id="something" >Hello</div> 
<script type="text/javascript" > 
    (function() { 
     document.getElementById("something").onclick = function() { 
      alert('hello'); 
     }; 
    })(); 
</script> 

Answer 2

la soluzione migliore è quella di utilizzare un framework JavaScript come jQuery o prototipo, ma, in mancanza di questo, si dovrebbe utilizzare:

if (foo.addEventListener) 
    foo.addEventListener('click',doit,false); //everything else  
else if (foo.attachEvent) 
    foo.attachEvent('onclick',doit); //IE only 

edit:

anche, la funzione è un po ' off. dovrebbe essere

var doit = function(){ 
    alert('hello world!'); 
} 

Answer 3

È anche possibile impostare onclick per chiamare la funzione come questa:

foo.onclick = function() { callYourJSFunction(arg1, arg2); }; 

In questo modo, è possibile passare anche gli argomenti. .....

Answer 4

È inoltre possibile utilizzare:

element.addEventListener("click", function(){ 
    // call execute function here... 
}, false);