Javascript sự kiện inline cú pháp

Question

Có lý do nào để sử dụng một trong các cách sau hơn những người khác:

<input type="button" value="b1" onclick="manageClick(this)" /> 
<input type="button" value="b2" onclick="manageClick(this);" /> 
<input type="button" value="b2" onclick="manageClick(this);return false;" /> 
<input type="button" value="b3" onclick="return manageClick(this);" /> 
<input type="button" value="b4" onclick="javascript:return manageClick(this);" /> 

Và xin đừng dành thời gian quý báu của bạn để cho tôi biết để sử dụng jQuery hoặc attachEvent/addEventListener. Nó không thực sự là mục tiêu của câu hỏi của tôi.

Answer 1

Không có sự khác biệt nào giữa hai số đầu tiên, trong tình huống cụ thể này, dấu chấm phẩy là tùy chọn.

Người thứ ba sẽ ngăn chặn bất kỳ hành động mặc định xảy ra, trong đó lần đầu tiên hai sẽ không.

Thứ tư sẽ ngăn chặn hành động mặc định hay không tùy thuộc vào giá trị trả về của manageClick.

Thứ năm không chính xác.

(Và bất cứ nơi nào thích hợp, sử dụng attachEvent/addEventListener-vịt và chạy)

Answer 2

<input type="button" value="b3" onclick="return manageClick(this);" /> 

chỉnh sửa Return là một lợi thế trong trường hợp bạn muốn kiểm soát hành vi yếu tố, chẳng hạn như đối với <a> và <input type="submit">, vì vậy giả định đây là trường hợp, ở trên là câu trả lời của bạn, nếu không chỉ bỏ qua sự trở lại và chỉ đi với onclick="manageClick(this);".

Ngoài ra, hãy xem http://crisp.tweakblogs.net/blog/313/the-useless-javascript-pseudo-protocol.html về việc sử dụng javascript:.^_^