Vấn đề về chức năng window.onload

Question

Tôi đã nhận thấy một số lỗi trong hàm window.onload. (Có thể đó là sai của tôi) Vấn đề là khi tôi sử dụng theo chức năng đơn giản, nó hoạt động trên tất cả các trình duyệt nhưng Chrome.

var name=$("#name"); 
window.onload = function(){ 
    name.fadeIn(500); 
}; 

Sau đó chỉ cần sự quan tâm, cố gắng này quá:

var name; 
window.onload = function(){ 
    name=$("#name"); 
    name.fadeIn(500); 
}; 

Trong tất cả các trường hợp trên, các công cụ dev của Chrome đã cho tôi thông báo lỗi này:

Uncaught TypeError: Object [object Object] has no method 'fadeIn' 

tôi đã giải quyết này lỗi với mã sau.

window.onload = function(){ 
    var name=$("#name"); 
    name.fadeIn(500); 
}; 

Nhưng bây giờ muốn có một số giải thích, tại sao không làm việc 2 đoạn mã đầu tiên?

Answer 1

Tôi nghĩ rằng điều này có thể là một biến toàn cầu được gọi là tên. Nếu bạn gọi tên một cái gì đó khác nhau, name1, nó hoạt động trong chrome. http://jsfiddle.net/R2PuZ/1/