Comment définir l'attribut OnClick avec la valeur contenant la fonction dans ie8?

Question

Mon but est de changer l'attribut "onclick" d'un lien. Je peux le faire avec succès, mais le lien qui en résulte ne fonctionne pas dans ie8. Cela fonctionne dans ff3. Par exemple, cela fonctionne dans firefox3, mais pas ie8. Pourquoi???

<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

Vous n'avez pas besoin d'utiliser setAttribute pour cela - Ce code fonctionne (IE8 aussi)

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

Answer 2

votre meilleur pari est d'utiliser un framework javascript comme jquery ou prototype, mais, à défaut, vous devez utiliser:

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

modifier:

aussi, votre fonction est un peu de. il devrait être

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

Answer 3

Vous pouvez également définir onclick d'appeler votre fonction comme ceci:

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

De cette façon, vous pouvez également passer des arguments. .....

Answer 4

Vous pouvez également utiliser:

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