Best practices for onload Javascript

Question

What is the best way to handle multiple onload loading scripts on different pages?

For example, I have 50 different pages, and on each page I want to set a different button click handler when dom is ready.

Is it better to install onclicks as on every single page,

<a id="link1" href="#" onclick="myFunc()" />

Or a very long documentation in an external js file,

Element.observe (window, 'load', function () {
  if ($ ('link1')) {
    // set click handler
  }
  if ($ ('link2')) {
   // set click hanlder
  }
  ...
}

Or separate each section if ($('link')) {}into script tags and place them on the appropriate pages,

, , if ($('link')) {} js ?

1 , 2 , 3 , 1, , 4 , js , .

- ( ) 5, ?

: , , onload .

Answer 1

, ? , , , .

, , , , . html :

<a href="#" class="more-info">More info</a>

JavaScript :

jQuery(".more-info").click(function() { ... });

- , , ( jQuery ).

, , JavaScript, , .

JavaScript . , JavaScript . , , , .

, onlick html ( # 1). JavaScript.

: , ( ).

Answer 2

JQuery, ,

  $(document).ready(function() {

      // jQuery goodness here.
 });

Answer 3

, , , ?

...

-

<a id="link1" href="#" onclick="myFunc()" />

.

-

Element.observe(window, 'load', function() {
  if ($('link1')) {
    // set click handler
  }
  if ($('link2')) {
   // set click hanlder
  }
  ...
}

javascript .

- , , - .

4 - , , , if ($ ('link')) {}, ? , javascript, .

Answer 4

:

<a class="loadevent functionA" id="link1" href="#" onclick="myFunc()" />

... ...

<a class="loadevent functionB" id="link1" href="#" onclick="myFunc()" />

" loadevent" , - , . , , , , .

Answer 5

, :

$(document.ready(function() {
  // A
});
$(document.ready(function() {
  // B
});
$(document.ready(function() {
  // C
});

( , ), , ready() onload(). jQuery API docs:

, DOM .

load():

$(document).load(function() {
  // do stuff
});

...

Answer 6

jQuery kneejerk, , JS, , script ( onload, ), # 4, JS script , - (? XSLT).

, .

Answer 7

, ...

, , , , , , , , ...

, , - () (jquery, mootools !), - ...

, , , , .., ! o]