How do you set up external Javascript code to be configurable?
<p>I have some Javascript code in an external file, and It's going to be for people to use on their own sites... so I want some way for them to be able to pass in multiple options... how would I do this?</p>

<p>Sorry, more information: </p>

<p>I would give them html + script + css to load: </p>

<pre><code>    &lt;div class="mywidget"&gt;&lt;/div&gt;
    &lt;script src="app.js"&gt;&lt;/script&gt;
    &lt;link rel="stylesheet" type="text/css" href="style.css" /&gt;
</code></pre>

<p>And in the script (some of the code):</p>

<pre><code>            var App = {

            init: function(){

                /* ----------------------------
                    On initialization....
                ---------------------------- */

                    App.doStuff(), App.doMoreStuff();

                },
                doStuff: function(){
                  alert('hi');
                }
            }
</code></pre>

<p>So I basically want them to be able to customize how my app works... so let's say I want them to customize the alert, or any other amount of things.</p>
