Unobtrusive JavaScript’s goal is to move all the functionality (the Controller) out of the HTML (the Model) and the CSS (the View). This is also called full MVC separation.
This is how typically JavaScript and HTML mix. For example in submitting a form using a text link.
Submit
Or for jumping to different parts of a page using a dropdown.
Using the unobtrusive JavaScript technique one can separate the JavaScript from the HTML.
Submit
We use the Protoculous JavaScript file which combines the Prototype framework and Scriptaculous libraries to do unobtrusive JavaScript.