Kan man göra en gemensam .js fil som kopplar ihop flera som man kan med .CSS?

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min...."></script>
<script type="text/javascript" src="scripts/gardin/gardinen.js"></script>
<script type="text/javascript" src="scripts/gardin/tillskott.js"></script>
<script type="text/javascript" src="scripts/highslide/highslide.js"></script>
<script type="text/javascript" src="scripts/highslide/highslideadd.js"></script>
<link rel="stylesheet" type="text/css" href="css/a-binder.css" />

@import url("menupage.css");
@import url("looks.css");
@import url("layout-main.css");
@import url("layout-tillskott.css");
@import url("footer.css");
@import url("tabort.css");
@import url("../scripts/highslide/highslide.css");

function importScript(url){
    var tag = document.createElement("script");
    tag.type="text/javascript";
    tag.src = url;
    document.body.appendChild(tag);
}
window.onload = function(){
    // imports go here
    importScript("ett-script.js"); // exempel
	importScript("ett-annat-script"); // exempel
	importScript("mapp/ett-tredje-script.js"); // exempel
	importScript("mapp/undermapp/ett-4de-script.js"); // exempel
};