I've noticed some bug in window.onload function. (Maybe it's my wrong) The problem is when I used following simple function, it worked on all browsers but Chrome.

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

Then just for interest, tried this one too:

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

In all above cases, Chrome's dev tools gave me this error message:

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

I've resolved this error with following code.

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

But now want some explanation, why didn't work first 2 piece of code?

I've noticed some bug in window.onload function. (Maybe it's my wrong) The problem is when I used following simple function, it worked on all browsers but Chrome.

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

Then just for interest, tried this one too:

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

In all above cases, Chrome's dev tools gave me this error message:

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

I've resolved this error with following code.

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

But now want some explanation, why didn't work first 2 piece of code?

• javascript
• jquery
• caching
• onload

Share Improve this question Follow edited Dec 24, 2011 at 2:59 ziesemer 28.7k99 gold badges8888 silver badges9595 bronze badges asked Dec 24, 2011 at 2:56 Tural AliTural Ali 23.3k1818 gold badges8181 silver badges133133 bronze badges 4

• 1 Don't know about the second example, but that first block of code may be requesting an element that doesn't exist yet. – Jeffrey Sweeney Commented Dec 24, 2011 at 3:01
• I cached name before working with it, var name=$("#name"); and again, on all other browsers it worked only CHROME gave error – Tural Ali Commented Dec 24, 2011 at 3:02
• What do you mean by caching? I'm not a JQuery expert, but if $() functions are essentially getElementById() functions, the name element may not have loaded into the DOM yet. Why it is exclusive to chrome is a puzzler though. Do you put your scripts at the bottom of the page by the way? – Jeffrey Sweeney Commented Dec 24, 2011 at 3:06
• yes the code is at the bottom. I told you that THIS SCRIPT WORKED ON ALL OTHER BROWSERS. imo there is no syntax error. – Tural Ali Commented Dec 24, 2011 at 3:09

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 4

I think that this might be down to a global variable called name. If you call name something different, name1, it works in chrome.http://jsfiddle/R2PuZ/1/