Làm thế nào để đặt thuộc tính OnClick với giá trị chứa hàm trong ie8?

Question

Mục tiêu của tôi là thay đổi thuộc tính "onclick" của liên kết. Tôi có thể làm điều đó thành công, nhưng liên kết kết quả không hoạt động trong ie8. Nó hoạt động trong ff3.

Ví dụ: tính năng này hoạt động trong firefox3, nhưng không phải ie8. Tại sao???

<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

Bạn không cần phải sử dụng setAttribute cho rằng - Mã này hoạt động (IE8 cũng)

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

Answer 2

đặt cược tốt nhất của bạn là sử dụng một khuôn khổ javascript như jquery hoặc nguyên mẫu, nhưng, thất bại đó, bạn nên sử dụng:

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

chỉnh sửa:

cũng có, chức năng của bạn là một chút tắt. nó phải được

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

Answer 3

Bạn cũng có thể thiết lập onclick để gọi chức năng của bạn như thế này:

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

Bằng cách này, bạn cũng có thể chuyển đối số. .....

Answer 4

Bạn cũng có thể sử dụng:

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